【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

相关推荐
得物技术17 小时前
实战从零开始构建一个Coding Agent:Violin |得物技术
javascript·架构·llm
极客猴子17 小时前
Android录音转写频繁卡顿?多款APP长时间会议场景稳定性实测
android·人工智能·智能手机·飞书
Kapaseker17 小时前
Boolean 变量到底该怎么命名?
android·kotlin
雾屿_Mistisle17 小时前
文件包含漏洞(File Inclusion)
android
JiaLin_Denny18 小时前
Vue3中ref和reactive用法与双向数据绑定
前端·javascript·vue.js
wear工程师18 小时前
React 的 key 为什么不能随手用 index:一插入列表,状态就串了
javascript·react.js
嘟嘟071718 小时前
一文讲通 SPA 前端路由:从传统多页到手写 HashRouter
javascript
柒和远方18 小时前
V058:前端路由的第一性原理:从 hashchange 手写路由,到 React Router 的嵌套与懒加载
前端·javascript·react.js
冷咖啡离 我的笨笨18 小时前
通过(Node Js||.Net)基于HTML5的WebSocket实现实时视频文字传输(上)
javascript·.net·html5
小孔龙18 小时前
Android 图形系统全景
android·计算机图形学