标签:count 10.0 Widget GridView return title listData builder 233
1
import 'package:flutter/material.dart'; import 'res/listData.dart';void main() { runApp(MyApp()); }
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text("flutterDemo")), body: HomeContent(), )); } }
class HomeContent extends StatelessWidget { List<Widget> _getListData() { var tempList = listData.map((value) { return Container( child: Column( children: [ Image.network(value['imageUrl']), SizedBox(height: 15), // 让图片和文字之间有10 的间距 Text( value["title"], textAlign: TextAlign.center, style: TextStyle(fontSize: 16), ), ], ), decoration: BoxDecoration( border: Border.all( color: Color.fromRGBO(233, 233, 233, .9), width: 1, )), ); });
return tempList.toList(); }
@override Widget build(BuildContext context) { return GridView.count( crossAxisSpacing: 10.0, //水平 左右的间距 mainAxisSpacing: 10.0, // 垂直 上下的间距 padding: EdgeInsets.all(10), // padding 间距 crossAxisCount: 2, // 一行的 Widget 数量 // childAspectRatio: 0.7, // 宽度和高度的比例 children: this._getListData(), ); } } -------------------------------- 2 import 'package:flutter/material.dart'; import 'res/listData.dart';
void main() { runApp(MyApp()); }
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text("flutterDemo")), body: HomeContent(), )); } }
class HomeContent extends StatelessWidget { Widget _getListData(contenxt, index) { return Container( child: Column( children: [ Image.network(listData[index]['imageUrl']), SizedBox(height: 15), // 让图片和文字之间有10 的间距 Text( listData[index]["title"], textAlign: TextAlign.center, style: TextStyle(fontSize: 16), ), ], ), decoration: BoxDecoration( border: Border.all( color: Color.fromRGBO(233, 233, 233, .9), width: 1, )), ); }
@override Widget build(BuildContext context) { return GridView.builder( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisSpacing: 10.0, mainAxisSpacing: 10.0, crossAxisCount: 2, ), itemCount: listData.length, itemBuilder: this._getListData, ); } }
标签:count,10.0,Widget,GridView,return,title,listData,builder,233 来源: https://www.cnblogs.com/eric-share/p/15086177.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。