标签:IconContainer Widget color 35.0 布局 垂直 Colors size
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 { @override Widget build(BuildContext context) { return Container( height: 800.0, width: 400.0, color: Colors.blue.shade300, child: Column( // // 主轴的排列顺序 mainAxisAlignment: MainAxisAlignment .spaceEvenly, // start end spaceEvenly center spaceAround spaceBetween crossAxisAlignment: CrossAxisAlignment.center, // center start end stretch children: [ IconContainer(Icons.search, Colors.blue, 35.0), IconContainer(Icons.home, Colors.orange, 35.0), IconContainer(Icons.pages, Colors.red, 35.0), ], ), ); } }
class IconContainer extends StatelessWidget { IconData icon; Color color = Colors.red; double size;
IconContainer(this.icon, this.color, this.size);
@override Widget build(BuildContext context) { return Container( height: 100.0, width: 100.0, color: this.color, child: Center( child: Icon( this.icon, size: this.size, color: Colors.white, ), ), ); } }
标签:IconContainer,Widget,color,35.0,布局,垂直,Colors,size 来源: https://www.cnblogs.com/eric-share/p/15086425.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。