【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 分钟前
绘制K线入门
android
cn_mengbei1 小时前
Flutter for OpenHarmony 实战:TextFormField 表单输入框详解
flutter
奋斗的小青年!!1 小时前
Flutter跨平台开发适配OpenHarmony:手势识别实战应用
flutter·harmonyos·鸿蒙
CC码码1 小时前
不修改DOM的高亮黑科技,你可能还不知道
前端·javascript·面试
cn_mengbei1 小时前
Flutter for OpenHarmony 实战:TextField 文本输入框详解
flutter
虚诚1 小时前
vue2中树形表格怎么实现
前端·javascript·vue.js·ecmascript·vue2·树形结构
西西学代码2 小时前
Flutter---常见的ICON图标
flutter
哈__2 小时前
React Native 鸿蒙跨平台开发:下拉刷新功能
javascript·react native·react.js