【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

相关推荐
薛定谔的猫-菜鸟程序员1 小时前
Vue 3 + Vite + JS 项目中实现组件全局自动化注册的魔法,极致组件自动化注册方案,开发效率飙升300%。
javascript·vue.js·自动化
独孤求败Ace2 小时前
第40天:Web开发-JS应用&VueJS框架&Vite构建&启动打包&渲染XSS&源码泄露&代码审计
前端·javascript·vue.js
天若子2 小时前
flutter ListView Item复用源码解析
前端·flutter
偷光5 小时前
深度剖析 React 的 useReducer Hook:从基础到高级用法
前端·javascript·react.js
The_era_achievs_hero6 小时前
动态表格html
前端·javascript·html
剑客狼心6 小时前
Android Studio:键值对存储sharedPreferences
android·ide·android studio·键值对存储
2201_756942647 小时前
react入门笔记
javascript·笔记·react.js
傻小胖7 小时前
ES6 Proxy 用法总结以及 Object.defineProperty用法区别
前端·javascript·es6
横冲直撞de7 小时前
高版本electron使用iohook失败(使用uiohook-napi替代)
前端·javascript·electron
_Eden_7 小时前
认识Electron 开启新的探索世界一
前端·javascript·electron