首页 > App

flutter常用,flutter常用页面布局

2023-12-23 浏览: 34

Flutter小部件之图片(Image)和图标(Icon)

1、Image(图片组件)是显示图像的组件,一个显示图片的widget,支持图像格式:JPEG,PNG,GIF,动画GIF,WebP,动画WebP,BMP和WBM 构造方法 Image: 从ImageProvider获取数据 Image.network: 加载网络图片。

2、Flutter中,可以像web开发一样使用iconfont,iconfont也即字体图标,它是将图标做成字体文件,然后通过指定不同的字符而显示不同的图片。加号为图片组件,减一为icon组件。点击加号,数字加1;点击-1,数字减少1。

3、在 Flutter 里有很多的 Button,包括了:MaterialButton、RaisedButton、FloatingActionButton、FlatButton、IconButton、ButtonBar、DropdownButton 等。一般常用的 Button 是 MaterialButton、IconButton、FloatingActionButton。

4、在 itemBuilder 中,如果显示到最后一个时,判断是否需要继续获取数据,然后返回一个Icon。

Flutter之Dart数据类型及数据之间的转换

Color.values是一个有序数组,其下标和该位置的Color枚举值的原始值相等。

Dart中的抽象类: Dart抽象类主要用于定义标准,子类可以继承抽象类,也可以实现抽象类接口。

dart中表示二进制有一个专门的类型叫做Uint8List,他实际上表示的是一个int的List。上面提到的读取方式,都是一次性读取整个文件,缺点就是如果文件太大的话,可能造成内存空间的压力。

3、Flutter中ThemeData与AppBar

1、iconTheme :设置appbar icon的颜色,appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色,这里可以在iconTheme中指定icon的颜色。

2、这里的ThemeData即为控制App的主题,primarySwatch设置即可控制主题的各类颜色,但是这里的颜色是需要MaterialColor,但是纯色种的黑色和白色不是MaterialColor。所以不能设置primarySwatch为Colors.white。

3、SliverAppBar 控件,一个 MD 的 AppBar 。属性和 AppBar 类似,但做的效果比 AppBar 更加强大。相同的属性具体可以看 Flutter 之 Scaffold 控件 , 里面有 AppBar 控件的介绍。

4、默认的appbar下方会自带一个阴影效果。要去掉这个阴影的话需要在appbar中设置:核心的思想就是在column中使用expend包裹一次然后child使用listView,这样的话输入框被聚焦的时候键盘就会把页面顶上去。

5、很早在做Demo的时候就想改变下CheckBox的未选中状态的颜色,但是多是设置全局 ThemeData.unselectedWidgetColor 的颜色来设置。不过可以想到的就是一个App中如果有不同颜色的变态需求的话...。

Flutter入门这一篇效率文章就够了

这就是 Flutter 的 热重载 ,在修改完代码之后,通过热重载就能马上在设备上看到修改结果,可以很大程度上增加开发效率。 下面再给大家介绍几个 Flutter 里的常见操作。

flutter将会帮你更容易,更快速的开发出界面美观的移动应用。是谷歌的亲儿子 支持热重载 :android原生开发会遇到编译-打包-安装三个步骤。开发效率迟迟得不到提升。热重载技术在flutter内完美体现。

在上篇 [Flutter] 07-Flutter中反序列化Json 已经通过6个示例分析过了, 这里不再讨论。

关于flutter常用和flutter常用页面布局的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

标签: flutter常用 flutter常用页面布局