zoukankan      html  css  js  c++  java
  • flutter基础知识

    导航的数据传递与接收

    import 'package:flutter/material.dart';
    
    class Product {
      final String title; // 商品标题
      final String description; // 商品描述
      Product(this.title, this.description);
    }
    
    void main() {
      runApp(MaterialApp(
        title: '导航的数据传递与接收',
        home: ProductList(
            products:
                List.generate(20, (i) => Product('阿强 商品 $i', '这是商品详情,ID:$i'))),
      ));
    }
    
    class ProductList extends StatelessWidget {
      final List<Product> products;
      ProductList({Key key, @required this.products}) : super(key: key);
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('商品列表'),
          ),
          body: ListView.builder(
            itemCount: products.length,
            itemBuilder: (context, index) {
              return ListTile(
                title: Text(products[index].title),
                onTap: () {
                  Navigator.push(
                      context,
                      MaterialPageRoute(
                          builder: (context) =>
                              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 Scaffold(
            appBar: AppBar(
              title: Text('${product.title}'),
            ),
            body: Center(child: Text('${product.description}')));
      }
    }
  • 相关阅读:
    CDQ
    MySQL中的类Decode用法
    HTMLTestRunner生成空白resault.html
    参数化时按行读取txt文件,如何去掉换行符" "
    打开本地html的一些设置
    python中文乱码例子
    Python异常处理实例
    Python根据上下限生成不重复随机数1
    Linux自定义命令
    Python IDLE 清屏工具
  • 原文地址:https://www.cnblogs.com/cap-rq/p/12756232.html
Copyright © 2011-2022 走看看