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}')));
      }
    }
  • 相关阅读:
    操作数据库帮助类
    VS快捷键收藏
    sqlserver 定时任务
    LayUI相关
    java20140407
    java20140406
    java20140405
    获取一个字符串在整个字符串中出现的次数
    System类
    java中的集合Collection
  • 原文地址:https://www.cnblogs.com/cap-rq/p/12756232.html
Copyright © 2011-2022 走看看