【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

相关推荐
见山是山-见水是水4 小时前
鸿蒙flutter第三方库适配 - 读书笔记
flutter·华为·harmonyos
Utopia^5 小时前
鸿蒙flutter第三方库适配 - 图片压缩工具
flutter·华为·harmonyos
小李子呢02116 小时前
前端八股CSS(2)---动画的实现方式
前端·javascript
冬奇Lab8 小时前
MediaPlayer 播放器架构:NuPlayer 的 Source/Decoder/Renderer 三驾马车
android·音视频开发·源码阅读
见山是山-见水是水8 小时前
鸿蒙flutter第三方库适配 - 车辆管理
flutter·华为·harmonyos
炸炸鱼.9 小时前
Python 操作 MySQL 数据库
android·数据库·python·adb
Utopia^10 小时前
鸿蒙flutter第三方库适配 - 番茄钟专注
flutter·华为·harmonyos
用户416596736935511 小时前
nextlib 项目架构与深度技术指南 (Architecture & Technical Master Guide)
android
竹林81811 小时前
RainbowKit 快速集成多链钱包连接:从“连不上”到丝滑切换的踩坑实录
前端·javascript