Flutter入门(二)——实现一个简单的demo页面
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter入门(二)——实现一个简单的demo页面相关的知识,希望对你有一定的参考价值。
参考技术A 首先查看入口函数:类MyApp:
MyHomePage:
state:
build:
此demo页面涉及到两个组件:图片和icon。在这里做一个简单的介绍,更详细的学习请参考flutter官网和相关书籍
在flutter中,我们可以通过Image组件来加载并显示图片,Image的数据源可以是asset、文件、内存以及网络。
ImageProvider 是一个抽象类,主要定义了图片数据获取的接口 load() ,从不同的数据源获取图片需要实现不同的 ImageProvider ,如 AssetImage 是实现了从Asset中加载图片的ImageProvider,而 NetworkImage 实现了从网络加载图片的ImageProvider。
Image也提供了一个快捷的构造函数 Image.asset 用于从asset中加载、显示图片:
Image也提供了一个快捷的构造函数 Image.network 用于从网络加载、显示图片:
Flutter中,可以像web开发一样使用iconfont,iconfont也即"字体图标",它是将图标做成字体文件,然后通过指定不同的字符而显示不同的图片。
加号为图片组件,减一为icon组件。点击加号,数字加1;点击-1,数字减少1。
以上是关于Flutter入门(二)——实现一个简单的demo页面的主要内容,如果未能解决你的问题,请参考以下文章