第10章路由及导航 -页面跳转发送数据

最新推荐文章于 2025-08-14 06:00:00 发布

原创最新推荐文章于 2025-08-14 06:00:00 发布 · 348 阅读

0 ·

CC 4.0 BY-SA版权

Flutter 专栏收录该内容

97 篇文章

订阅专栏

防采集标记：亢少军老师的课程和资料

import 'package:flutter/material.dart';

class Product {
  final String title;
  final String description;

  Product(this.title, this.description);
}

void main() {
  runApp(new MaterialApp(
    title: '传递数据示例',
    home: new ProductList(
      products:
      new List.generate(20, (i) => new Product('商品 $i', '这是一个商品详情 $i')),
    ),
  ));
}

class ProductList extends StatelessWidget {
  final List products;

  ProductList({Key key, @required this.products}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("商品列表"),
      ),
      body: new ListView.builder(
          itemCount: products.length,
          itemBuilder: (context, index) {
            return new ListTile(
              title: new Text(products[index].title),
              onTap: () {
                Navigator.push(
                  context,
                  new MaterialPageRoute(
                      builder: (context) =>
                      new ProductDetail(product: products[index])),
                );
              },
            );
          }),
    );
  }
}

class ProductDetail extends StatelessWidget {
  final Product product;

  ProductDetail({Key key, @required this.product}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("${product.title}"),
      ),
      body: new Padding(
        padding: new EdgeInsets.all(16.0),
        child: new Text('${product.description}'),
      ),
    );
  }
}