【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

相关推荐
阿珊和她的猫4 小时前
v-scale-scree: 根据屏幕尺寸缩放内容
开发语言·前端·javascript
fouryears_234177 小时前
Flutter InheritedWidget 详解:从生命周期到数据流动的完整解析
开发语言·flutter·客户端·dart
gnip9 小时前
vite和webpack打包结构控制
前端·javascript
安卓开发者10 小时前
Android RxJava 组合操作符实战:优雅处理多数据源
android·rxjava
阿华的代码王国10 小时前
【Android】RecyclerView复用CheckBox的异常状态
android·xml·java·前端·后端
一条上岸小咸鱼10 小时前
Kotlin 基本数据类型(三):Booleans、Characters
android·前端·kotlin
Jerry说前后端10 小时前
RecyclerView 性能优化:从原理到实践的深度优化方案
android·前端·性能优化
alexhilton11 小时前
深入浅出着色器:极坐标系与炫酷环形进度条
android·kotlin·android jetpack
烛阴11 小时前
前端必会:如何创建一个可随时取消的定时器
前端·javascript·typescript
LinXunFeng12 小时前
Flutter - 详情页 TabBar 与模块联动?秒了!
前端·flutter·开源