【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

相关推荐
冬奇Lab7 小时前
AudioRecord音频录制流程深度解析
android·音视频开发·源码阅读
跟着珅聪学java7 小时前
js编写中文转unicode 教程
前端·javascript·数据库
英俊潇洒美少年7 小时前
Vue3 深入响应式系统
前端·javascript·vue.js
颜酱7 小时前
回溯算法实战练习(3)
javascript·后端·算法
我命由我123459 小时前
React Router 6 - 概述、基础路由、重定向、NavLink、路由表
前端·javascript·react.js·前端框架·ecmascript·html5·js
yaaakaaang9 小时前
(四)前端,如此简单!---Promise
前端·javascript
aini_lovee9 小时前
C# 实现邮件发送源码(支持附件)
开发语言·javascript·c#
SoaringHeart10 小时前
Flutter组件封装:翻转组件 NFlipCard
前端·flutter
alexhilton10 小时前
Jetpack Compose中的富文本输入
android·kotlin·android jetpack
英俊潇洒美少年10 小时前
js 进程与线程的讲解
javascript