Flutter2.0初体验(Web支持)

常规操作，就是使用android studio编辑器，Flie--New--New Flutter Project

创新互联建站专业为企业提供卫滨网站建设、卫滨做网站、卫滨网站设计、卫滨网站制作等企业网站建设、网页设计与制作、卫滨企业网站模板建站服务，十载卫滨做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

一路直接Next+Finish ，项目就创建成功了。

常规的运行到手机或者模拟器上就不说了，下面说下运行到web浏览器上。

如上图，选择最后一个是手机真机调试，选择Chome或者Edge都可以运行到web浏览器中，选择好后点击绿色运行按钮。

Flutter 快速搭建项目脚手架

GITHUB地址:

我们依赖国际化的两个package:

intl_translation 是用来生成arb的翻译文件,所以添加的依赖只用在dev环境下

这里我们会创建一个代理文件

Provider使用起来学习成本更小而且管理容易

Provider

Provider学习文章

创建一个通知的基类

主题和语言改变发出通知

在main中注册

主题相对来说比较简单,不需要依赖太多外部的框架

global设置

在上面写的函数中可以找到,添加了通知

shared_preferences

shared_preferences很多人都已经用过了不做过多的介绍.主要说明下,如何把原来异步的任务变成同步.

shared_preferences 异步有两个地方,一个是初始一个是存储

项目初始化的时候,可以将shared_preferences初始化然后存储下来,shared_preferences在get的时候是同步的,我们就不需要处理了,存储的时候我们依旧是异步的,这样能解决app启动是需要初始化的参数问题

1.NavigationService 不需要context的push工具

2.ScreenService获取屏幕宽高工具

3.EventBusService 通知工具

.....

(1)Flutter记录之启动页

一年半前玩过flutter，忘光光...现在是时候重新拾取了。~

启动页一般只放图片或者加几行文字。

1、创建好flutter项目之后，在lib文件下面新建launch.dart或xx.dart.

2、在根目录下新建images文件夹，如已有直接放入图片

3、flutter_yijiake.iml中加入注入该图片，并注意空格

4、在根目录下的test/widget_test.dart中更改默认的启动页为当前的启动页路径

5、最后重新设置启动时的页面

6、非常简单的启动页面放logo图片

值得一说的是，flutter框架的UI组件需要已new 组件的形式展开。

网页题目：flutter创建项目,新建flutter项目
标题路径：http://pwwzsj.com/article/dssceep.html