Flutte之UI编写总结

计算机软件开发 · 2024-9-18 08:46:12

如今Flutter是当下最为热门的跨平台开发框架，Flutter的组件非常的多，有几百个，我们不大概都熟悉了之后再去写项目，我一样平常学习新的技能大概学习，花1个小时学习一下根本语法，然后从编写UI开始，再学习利用一些第三方库，根本上就能上手了，本日总结一下Flutter上开发UI的几种重要本事
Flutter焦点重要几种组件：
1、Scaffold界说了一个 UI 框架，这个框架包罗头部导航栏，body，右下角浮动按钮，底部导航栏等；
2、Container在Flutter中用的非常多，两个重要属性：constraints（边界束缚），decoration：配景、边框、圆角、阴影等；
3、Padding在Flutter中也是一个组件，可以单独作为父组件来设置；
4、Row和Column是通过设置多个child来决定子组件是程度结构还是垂直结构
5、Stack是层叠结构，在iOS是通过frame来设置位置，与Android中FrameLayout类似，默认在左上角位置，Positioned(top:200,right:100来设置位置；
6、CustomScrollView、ListView、GridView是非经常见的界面主组件的，险些每个界面都会被这三个组件来嵌套；
小本事：由于Flutter的嵌套的写法一开始会非常不顺应，通常会要在当前组件再去用一个组件作为父组件，在AndroidStudio中有一个快捷操纵，按Alt+Enter，会有一个快速插入父组件的操纵，如图常见的结构组件：

Flutte之UI编写总结

所属分类: 问答交流

新帖推荐: 30日

推荐作品