Flutter ListView长列表布局
发布日期:2021-10-10 05:31:00 浏览次数:35 分类:技术文章

本文共 1034 字,大约阅读时间需要 3 分钟。

import 'package:flutter/material.dart';void main() =>runApp(  new MyApp());// 在外部定义数据const CITY_Names =['北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海',];class MyApp extends StatelessWidget {
@override Widget build(BuildContext context) {
final title = 'Basic List'; return MaterialApp( title: title, home: Scaffold( appBar: AppBar( title: Text('title'), ), body: ListView( children: _buildList(), ), ), ); } /把城市的名字 传入下面的小部件 转化为数组 List
_buildList(){
return CITY_Names.map((city) =>_item(city)).toList(); }//写的是list 的样式 Widget _item(String city){
return Container( height: 80, margin: EdgeInsets.only(bottom:5), alignment: Alignment.center, decoration: BoxDecoration( color: Colors.teal ), child: Text( city, style:TextStyle(color:Colors.white,fontSize:20) ), ); }}

这段是flutter 实在携程网的代码,我在bilili 上看到的,初学者学习

转载地址:https://blog.csdn.net/qq_22049619/article/details/103466494 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Flutter水平排列的布局
下一篇:Flutter顶部滑动渐变

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2024年05月01日 09时55分56秒