【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

相关推荐
geovindu18 分钟前
vue3: pdf.js5.2.133 using typescript
javascript·vue.js·typescript·pdf
EQ-雪梨蛋花汤28 分钟前
【Part 2安卓原生360°VR播放器开发实战】第三节|实现VR视频播放与时间轴同步控制
android·交互·vr
whatever who cares36 分钟前
React 中 useMemo 和 useEffect 的区别(计算与监听方面)
前端·javascript·react.js
2501_9153738839 分钟前
打造一个 Markdown 编辑器:Electron 项目实战教程
javascript·electron·编辑器
t_hj42 分钟前
Ajax的原理和解析
前端·javascript·ajax
拾贰_C1 小时前
【IDEA_Maven】(进阶版)永久性的更改IDEA中每个项目所依赖的Maven默认配置文件及其仓库路径
android·maven·intellij-idea
小白上线*^_^*2 小时前
Vue——Axios
前端·javascript·vue.js
sunbyte2 小时前
Three.js + React 实战系列 - 客户评价区细解教程 Clients 组件✨(回答式评价 + 评分星级)
开发语言·javascript·react.js
marvindev3 小时前
提bug测试专用
开发语言·javascript·bug
stevenzqzq3 小时前
kotlin 01flow-StateFlow 完整教程
android·开发语言·kotlin·flow