flutter ListView

//ListView滚动Demo
import 'package:flutter/material.dart';

void main() {
  runApp(ListWidgetDemo());
}

class ListWidgetDemo extends StatelessWidget {
  //初始化数据源
  final List<String> items = new List<String>.generate(200, (i) => "Item $i");
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'SingleChildListViewDemo',
      home: Scaffold(
        appBar: AppBar(
          title: Text('SingleChildListViewDemo'),
        ),
        body: new ListView.separated(
            physics: BouncingScrollPhysics(),
            //ListView构造器
            itemBuilder: (context, index) {
              return ListTile(
                title: Text('$items[index]'),
              );
            },
            //分割构造器
            separatorBuilder: (context, index) {
              return Divider(
                //分割组建
                color: Colors.deepPurpleAccent,
              );
            },
            itemCount: items.length),
      ),
    );
  }
}





 

 

 

 

posted @ 2022-07-19 15:18  KingWang588  阅读(20)  评论(0编辑  收藏  举报