flutter SizedBox
时间: 2023-09-22 18:13:36 浏览: 166
Flutter中的SizedBox是一个用于创建指定尺寸的框的小部件。它可以在屏幕上添加垂直或水平的空间,并且类似于React Native中的LimitedBox和ConstrainedBox组件。SizedBox可以使用width和height属性指定框的宽度和高度。例如,可以使用以下代码创建一个宽度为200,高度为200的SizedBox,并在其中包含一个颜色为红色的Container:
```
SizedBox(
width: 200.0,
height: 200.0,
child: Container(
color: Colors.red,
width: 100.0,
height: 300.0,
),
)
```
这个示例中的SizedBox将具有200x200的尺寸,并且在其中包含一个宽度为100,高度为300的红色Container。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [SizedBox:一个用于本机应用程序的组件,可在屏幕上添加垂直或水平空间,类似于Flutter的SizedBox小部件!](https://download.csdn.net/download/weixin_42171208/19027544)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Flutter踩坑之路(三)一页面布局(宽高尺寸处理)](https://blog.csdn.net/wen_haha/article/details/103093065)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文
相关推荐


















