样式.png

联系创建列表

void main() {
  runApp(const MyUIListView());
}

class MyUIListView extends StatelessWidget {
  const MyUIListView({super.key});
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primarySwatch: Colors.orange
      ),
      home: Scaffold(
        appBar: AppBar(title: const Text('哈哈哈哈哈哈哈哈')),
        body: const MyUIAddListView(),
      ),
    );
  }
}

class MyUIAddListView extends StatelessWidget {
  const MyUIAddListView({super.key});
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: const <Widget>[
        ListTile(
            leading: Icon(Icons.nature, color: Colors.orange),
            title: Text('我的列表'),
          trailing: Icon(Icons.chevron_right)
        ),
        ListTile(
          leading: Icon(Icons.assessment, color: Colors.red),
            title: Text('我的列表')
        ),
        Divider(),
        ListTile(
            leading: Icon(Icons.gamepad, color: Colors.green),
            title: Text('我的列表')
        ),
        Divider(),
        ListTile(
            leading: Icon(Icons.nature, color: Colors.orange),
            title: Text('我的列表')
        ),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
        ListTile(title: Text('我的列表')),
        Divider(),
      ],
    );
  }
}

狗鼻子.jpg

扩展一下

class MyUIAddListView extends StatelessWidget {
  const MyUIAddListView({super.key});
  // This widget is the root of your application.

  List<Widget> _initListData() {
    List<Widget> list = [];
    for (var i = 0; i < 20; i++)
    {
      list.add(ListTile(
        title: Text('天空很蓝 --- $i'),
      ));
    }
    return list;
  }

  @override
  Widget build(BuildContext context) {
    return ListView(
      children: _initListData(),
    );
  }
}