Flutter學習 — 使用長列表

 2023-12-25 阅读 29 评论 0

摘要:效果圖: 利用 List.generate構造函數 —— 配合 ListView 生成擁有10000個字符串的列表 代碼+注釋: import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart';void main() {runApp(new MyApp(// List.generate構

效果圖:

利用 List.generate構造函數 —— 配合 ListView 生成擁有10000個字符串的列表
在這里插入圖片描述

代碼+注釋:

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';void main() {runApp(new MyApp(//  List.generate構造函數 —— 生成擁有10000個字符串的列表items: new List<String>.generate(10000, (i) => "Item $i"),));
}class MyApp extends StatelessWidget {final List<String> items;MyApp({Key key, @required this.items}) : super(key: key);@overrideWidget build(BuildContext context) {final title = 'Long List';return new MaterialApp(title: title,home: new Scaffold(appBar: new AppBar(title: new Text(title),),body: new ListView.builder(itemCount: items.length,          //List長度itemBuilder: (context, index) {   //Item構造者return new ListTile(title: new Text('${items[index]}'),);},),),);}
}

喜歡記得點個贊喲,我是王睿,很高興認識大家!

更多原理請參考谷歌官網:
使用長列表

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/1/194764.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息