【Flutter&Dart】 listView.builder例子二(14 /100)

上效果图

上代码:

dart 复制代码
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.builder(
        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]}'),
            ),
          );
        });
  }
}

还是官网例子蛤!!!

==============End

相关推荐
shawxlee6 小时前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
kyriewen6 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
雨白6 小时前
NDK 初探:基于 C++ 实现参数哈希与签名校验
android
程序员正茂7 小时前
Android studio中初步使用OpenCV库
android·opencv
紫_龙8 小时前
window 维护多版本Android studio
android·ide·android studio
郝亚军8 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
杉氧9 小时前
KMP 自动化之路 (4):iOS 自动化构建与签名 —— 攻克最硬的骨头
android·架构·android jetpack
an317429 小时前
6MB 组织树大文件性能优化全流程
前端·javascript·vue.js
TeamDev10 小时前
JxBrowser 9.3.1 版本发布啦!
java·前端·javascript·c#·混合应用·jxbrowser·浏览器控件
整點薯條11 小时前
Vue3+vite创建项目架构文件说明总结
前端·javascript·vue.js