Flutter进阶—布局方法演示
来源:互联网 发布:xp系统网络连接受限制 编辑:程序博客网 时间:2024/05/29 10:22
Flutter的布局机制的核心是控件。在Flutter中,几乎所有的东西都是一个控件,甚至布局模型都是控件。您在Flutter应用程序中看到的图像、图标和文本都是控件。但是您看不到的东西也是控件,例如排列、约束和对齐可见控件的行、列和网格。
您可以通过编写简单的控件来构建更复杂的控件来创建布局。例如,第一张图片显示了3个图标,每个图标下方有一个标签。第二张图片显示视觉布局,显示1行3列,其中每列包含图标和标签。
下面是是此控件的控件树图。
注意用粉红色标识出来的Container(容器),容器是一个控件,允许您自定义其子控件。当您要添加填充、边距、边框或背景颜色时,使用Container(容器)来实现这些功能。
在此示例中,每个Text(文本)控件都放在Container(容器)中以添加边距,整个Row(行)也放置在Container(容器)中以在行周围添加填充。
此示例中的其他用户界面由属性控制,使用其color属性设置图标的颜色,使用Text(文本)的style属性设置字体、颜色、加粗等。Column(列)和Row(行)可以指定子控件如何垂直或水平对齐的属性,以及子控件应该占用多少空间。
0 0
- Flutter进阶—布局方法演示
- Flutter进阶—构建布局实例
- Flutter进阶—布局一个控件
- Flutter进阶—垂直和水平布局
- Flutter进阶—通用布局控件
- Flutter进阶—铅刀一割
- Flutter进阶—解析动画
- Flutter进阶—平台插件
- Flutter进阶—读取与写入文件
- Flutter进阶—质感设计之进度条
- Flutter进阶—质感设计之卡片
- Flutter进阶—使用自定义字体
- Flutter进阶—创建有状态控件
- Flutter进阶—路由和导航
- Flutter进阶—网络和HTTP
- Flutter进阶—Firebase数据库实例
- Flutter进阶—自定义主题风格
- Flutter进阶—简单平台插件实例
- 客户服务器被 ddos 攻击,应该怎么办?
- 仿微信底部导航栏效果,封装成了工具类。
- 小米手机 安卓真机调试时 INSTALL_CANCELED_BY_USER错误
- Caffe源码解析4: Data_layer
- WebView与JS的那些事:注入JS提取页面图片
- Flutter进阶—布局方法演示
- C#摄像头的处理
- 关于子类继承父类后调用方法的问题
- MATLAB中dsolve与syms
- Java并发编程:volatile关键字解析
- IntelliJ IDEA使用教程四 MAVEN的集成与使用
- Centos6.5下Elasticsearch5.2.1及head插件的安装(实践成功)
- 线程的工作内存
- hashmap hashtable 的区别