flutter的Flexible和|flutter的Flexible和 Expanded的区别
题记
—— 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天。
重要消息
- flutter中网络请求dio使用分析 视频教程在这里
- Flutter 从入门实践到开发一个APP之UI基础篇 视频
- Flutter 从入门实践到开发一个APP之开发实战基础篇
- flutter跨平台开发一点一滴分析系列文章系列文章 在这里了
不同之处是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: [
///区域一的内容
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],
),
),
],
),
);
}
}
【flutter的Flexible和|flutter的Flexible和 Expanded的区别】完毕
推荐阅读
- 热闹中的孤独
- JAVA(抽象类与接口的区别&重载与重写&内存泄漏)
- 放屁有这三个特征的,请注意啦!这说明你的身体毒素太多
- 一个人的旅行,三亚
- 布丽吉特,人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事,我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量