【Flutter&Dart】 listView例子一(13 /100)

效果图

官方代码:

dart 复制代码
import 'package:flutter/material.dart';

class ListRoles extends StatelessWidget {
  const ListRoles({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView(
      padding: const EdgeInsets.all(8),
      children: <Widget>[
        Container(
          height: 50,
          color: Colors.amber[600],
          child: const Center(child: Text('Entry A')),
        ),
        Container(
          height: 50,
          color: Colors.amber[500],
          child: const Center(child: Text('Entry B')),
        ),
        Container(
          height: 50,
          color: Colors.amber[100],
          child: const Center(child: Text('Entry C')),
        ),
      ],
    );
  }
}

简单实现一下

很多时候简单的技术点越简单越有利于排查问题,因为做减法有点反人性,但做加法容易让人迷失;

所以如果搞不清楚了从头开始,从一开始。。。。。。

========END

相关推荐
花花鱼5 分钟前
js中 剩余运算符(Rest Operator )(...)和展开运算符(Spread Operator)(...)的区别及用法
开发语言·javascript·ecmascript
好学人7 分钟前
Activity的四种启动模型
android
好学人34 分钟前
一文了解 Android MVI 架构
android
增强39 分钟前
Jetpack Compose + CameraX+ MlKit 实现 二维码扫描(二)
android
studyForMokey39 分钟前
【Android读书笔记】读书笔记记录
android
一颗奇趣蛋42 分钟前
input输入框输入数字之后展示千分位(财务系统专用)
javascript·vue.js
不简说1 小时前
sv-print可视化打印组件不完全指南④
前端·javascript·vue.js
kovlistudio1 小时前
红宝书第三十六讲:持续集成(CI)配置入门指南
开发语言·前端·javascript·ci/cd·npm·node.js
Danta1 小时前
面试场景题:性能的检测
前端·javascript·面试
龙萌酱1 小时前
力扣每日打卡 50. Pow(x, n) (中等)
前端·javascript·算法·leetcode