【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

相关推荐
Bigger3 小时前
Flutter 开发实战:解决华为 HarmonyOS 任务列表不显示 App 名称的终极指南
android·flutter·华为
多看书少吃饭4 小时前
从Vue到Nuxt.js
前端·javascript·vue.js
前端一小卒4 小时前
从 v5 到 v6:这次 Ant Design 升级真的香
前端·javascript
前端不太难5 小时前
《Vue 项目路由 + Layout 的最佳实践》
前端·javascript·vue.js
利剑 -~5 小时前
mysql面试题整理
android·数据库·mysql
想学后端的前端工程师6 小时前
【Vue3组合式API实战指南:告别Options API的烦恼】
前端·javascript·vue.js
一勺-_-6 小时前
mermaid图片如何保存成svg格式
开发语言·javascript·ecmascript
梧桐ty7 小时前
鸿蒙应用冷启动优化:Flutter首屏秒开与白屏治理实战
flutter·华为·harmonyos
梧桐ty7 小时前
驾驭未来:基于鸿蒙的Flutter车载应用与手机端协同实战
flutter·华为·harmonyos
GISer_Jing7 小时前
深入拆解Taro框架多端适配原理
前端·javascript·taro