【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

相关推荐
|晴 天|10 分钟前
我如何用Vue 3打造一个现代化个人博客系统(性能提升52%)
前端·javascript·vue.js
风止何安啊18 分钟前
网页都知道要双向握手才加载!从 URL 到页面渲染,单向喜欢连 DNS 都解析不通
前端·javascript·面试
GISer_Jing24 分钟前
LangChain.js + LangGraph.js 前端AI开发实战指南
前端·javascript·langchain
木心术129 分钟前
TypeScript实战进阶:从基础类型到高级类型编程
javascript·ubuntu·typescript
Hello--_--World1 小时前
浏览器同源策略与跨域问题
javascript
IT乐手1 小时前
java 对比分析对象是否有变化
android·java
零瓶水Herwt1 小时前
JavaScript对象继承常用详解
javascript
布局呆星1 小时前
Vue3 :生命周期、DOM 操作与自定义组合式函数
前端·javascript·vue.js
做时间的朋友。1 小时前
MySQL 8.0 窗口函数
android·数据库·mysql
147API1 小时前
多模型路由规则设计实战:第一版系统别做成黑盒
服务器·前端·javascript