【Flutter&Dart】 listView.separated例子三（15 /100）

上效果图

上代码：

import 'package:flutter/material.dart';

class ListRoles extends StatelessWidget {
  ListRoles({super.key});
  final List<String> entries = <String>['+', '-', '*', '/'];
  final List<int> colorCodes = <int>[600, 500, 100, 50];

  @override
  Widget build(BuildContext context) {
    return ListView.separated(
      padding: const EdgeInsets.all(8),
      itemCount: entries.length,
      itemBuilder: (BuildContext context, int index) {
        return Container(
          height: 50,
          color: Colors.amber[colorCodes[index]],
          child: Center(
            child: Text('Entry ${entries[index]}'),
          ),
        );
      },
      separatorBuilder: (BuildContext context, int index) => const Divider(),
    );
  }
}

ListView.separated里才有separatorBuilder 参数

======================END

有读者会奇怪，博主有毛病吧！都是官网例子搞啥！！！！
但我想表达的是，前端很多时候，甚至占比40%以上的UI布局开发量都是ListView。很有可能大部分的BUG也是因为列表list view使用上细节导致的，这个组件再怎么用心都不过分因为没有之一只有唯一！！！！