标签:MyHomePageState Text Expanded child Flexible flutter
题记
—— 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天。
重要消息
- flutter中网络请求dio使用分析 视频教程在这里
- Flutter 从入门实践到开发一个APP之UI基础篇 视频
- Flutter 从入门实践到开发一个APP之开发实战基础篇
- flutter跨平台开发一点一滴分析系列文章系列文章 在这里了
Expanded继承于Flexible,Flexible与Expanded的相同点是都必须使用在Row、Column、Flex其中,都可用来配置子布局的比例(权重)适配。
不同之处是Expanded会强制填充剩余留白空间,而Flexible不会强制填充。如下图所示。
核心代码如下:
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class FlexMain2Page extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
/// Flexible和 Expanded的区别
class _MyHomePageState extends State {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("布局 "),
),
body: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
///区域一的内容
Container(
padding: EdgeInsets.all(10),
child: Text("文本二"),
color: Colors.grey[300],
),
///区域二的内容
Flexible(
flex: 1,
child: Container(
width: 120,
padding: EdgeInsets.all(10),
child: Text("严于律己,精于行动,点滴积累,着眼未来,你也许不负青春"),
color: Colors.grey[500],
),
),
],
),
);
}
}
完毕
标签:MyHomePageState,Text,Expanded,child,Flexible,flutter 来源: https://blog.51cto.com/928343994/2841721
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。