Flutter 动态的ListView使用

最新推荐文章于 2024-08-20 09:27:50 发布

随缘的人_

最新推荐文章于 2024-08-20 09:27:50 发布

阅读量495

点赞数

分类专栏： Flutter 文章标签： Flutter ListView 动态ListView

本文链接：https://blog.csdn.net/qq_26841579/article/details/89279825

版权

Flutter 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一，看图
在这里插入图片描述
二，代码

import 'package:flutter/material.dart'; //样式

void main() =>
    runApp(MyApp(items: new List<String>.generate(1000, (i) => "item $i")));

class MyApp extends StatelessWidget {
  final List<String> items;

  MyApp({Key key, @required this.items}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: '第一个 Demo',
        home: Scaffold(
            appBar: AppBar(
              title: Text('我是标题栏'),
            ),
            body: new ListView.builder(
              itemCount: items.length,
              itemBuilder: (context, index) {
                return new ListTile(
                  title: new Text('${items[index]}'),
                );
              },
            )));
  }
}