【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

相关推荐
星释8 小时前
二级等保实战:MySQL安全加固
android·mysql·安全
漂流瓶jz8 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子8 小时前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
zy happy9 小时前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
芝麻开门-新起点9 小时前
Flutter 项目全流程指南:编译、调试与发布
flutter
星释9 小时前
鸿蒙Flutter三方库适配指南:11.插件发布上线及使用
flutter·华为·harmonyos
Nan_Shu_61410 小时前
学习:JavaScript(5)
开发语言·javascript·学习
533_10 小时前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
通往曙光的路上10 小时前
day22_用户授权 头像上传
javascript·vue.js·ecmascript