【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

相关推荐
2201_75783087几秒前
JS的学习
前端·javascript·学习
鸡腿大王2 分钟前
震惊:v8引擎竟是如此操作代码(JS预编译)
前端·javascript
飞龙AI5 分钟前
为什么第三层div的内容溢出会触发第一层div的溢出
javascript
_一两风10 分钟前
深入理解 JavaScript 内存机制:从栈堆到闭包
前端·javascript
L、21822 分钟前
性能调优实战:Flutter 在 OpenHarmony 上的内存、渲染与启动速度优化指南
javascript·华为·智能手机·electron·harmonyos
2501_916007471 小时前
苹果手机iOS应用管理全指南与隐藏功能详解
android·ios·智能手机·小程序·uni-app·iphone·webview
曾几何时`1 小时前
字符串(七)409. 构造出来的最长回文串
java·前端·javascript
LFly_ice1 小时前
Nest-管道
android·java·数据库
sorryhc2 小时前
Vite开发环境按需编译是怎么实现的?
前端·javascript·vite
500842 小时前
鸿蒙 Flutter 分布式硬件调用:跨设备摄像头 / 麦克风共享
分布式·flutter·华为·electron·wpf·开源鸿蒙