【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

相关推荐
r***18641 分钟前
FlinkCDC实战:将 MySQL 数据同步至 ES
android·mysql·elasticsearch
p***62993 分钟前
mysql-connector-java 和 mysql-connector-j的区别
android·java·mysql
●VON5 分钟前
Flutter vs React Native vs 原生开发:有何不同?
学习·flutter·react native·react.js·openharmony
27669582926 分钟前
最新 _rand 分析
前端·javascript·数据库·node·rand·231滑块·_rand分析
白茶三许14 分钟前
【OpenHarmony】深入理解 Flutter 异步编程:从基础到实战
flutter·开源·openharmony·gitcode
民乐团扒谱机14 分钟前
【微实验】携程评论C#爬取实战:突破JavaScript动态加载与反爬虫机制
大数据·开发语言·javascript·爬虫·c#
晓得迷路了16 分钟前
栗子前端技术周刊第 108 期 - npm 沙虫攻击 2.0、Ant Design 6.0、Playwright 1.57...
前端·javascript·css
西西学代码17 分钟前
flutter---日历
flutter
海天鹰17 分钟前
ACTION_PICK与ACTION_GET_CONTENT的区别
android
kirk_wang21 分钟前
Flutter 桌面/Web 开发:用 MouseRegion 打造原生级交互体验
前端·flutter·交互