【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

相关推荐
华仔啊1 小时前
JavaScript 如何准确判断数据类型?5 种方法深度对比
前端·javascript
程序员小寒2 小时前
从一道前端面试题,谈 JS 对象存储特点和运算符执行顺序
开发语言·前端·javascript·面试
爱健身的小刘同学2 小时前
Vue 3 + Leaflet 地图可视化
前端·javascript·vue.js
神秘的猪头2 小时前
Ajax 数据请求:从零开始掌握异步通信
前端·javascript
黛色正浓2 小时前
leetCode-热题100-贪心合集(JavaScript)
javascript·算法·leetcode
用户2018792831673 小时前
📚 Android Settings系统:图书馆管理员的故事
android
青莲8433 小时前
Android 事件分发机制 - 事件流向详解
android·前端·面试
拾荒的小海螺3 小时前
开源项目:Three.js 构建 3D 世界的工具库
javascript·3d·开源
还债大湿兄4 小时前
huggingface.co 下载有些要给权限的模型 小记录
开发语言·前端·javascript
叶落无痕524 小时前
Electron应用自动化测试实例
前端·javascript·功能测试·测试工具·electron·单元测试