网站建设资讯

NEWS

网站建设资讯

flutter快速开发,flutter开发环境搭建

Flutter自制工具之fluct助力Flutter快速开发神器

一个帮助开发Flutter应用程序的工具

创新互联公司是专业的龙沙网站建设公司,龙沙接单;提供网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行龙沙网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

.----------------------------------------------

| github地址:

|

| pub地址:

|

`----------------------------------------------

该工具无需添加到依赖项中,我们只需要 激活 即可,使用如下命令:

fluct 目前只有两个命令 create 和 gen-assets

在 Flutter 开发过程中,我们创建文件是必须的,而AS自带的创建文件,并没有自动的生成相关的内容,这会让开发者非常的苦恼,类名还需要自己手动敲的话,而该命令,直接可以一步到位。

当运行此命令后,命令行会输出以下内容

可以看到,该命令输出的内容是简单易懂的,我们来简单使用一下吧。

创建 IndexPage 页面,继承自 StatefulWidget ,可以使用如下命令:

运行成功之后,我们会在项目下找到 index_page.dart 文件,内容为:

当然,你也可以指定哪个文件夹,例如,我要在./lib/src/page 文件夹下创建 IndexPage ,使用如下命令

在开始之前,我们需要在项目根目录下新建一个 fluct.yaml 文件,因为 fluct create -t custom 命令会找到它,内容如下:

这里,我声明了 inh 命令,然后运行这个命令之后会在生成文件的时候添加 inh 对应的内容,内容中我们值得注意的是 $NAME$ 占位符,该字符串会被替换成根据文件名生成的内容,例如: index_page 会插入 IndexPage 到 $NAME$ 占位符中,最后,我们运行以下命令:

运行成功之后,我们能够在根目录下找到 index_inherited.dart 文件,内容也是对应的自定义内容

我们在使用资源文件时,需要在 pubspec.yaml 文件声明资源文件的路径

例如:我在 ./assets/images 文件夹下添加 a.png 图片,需要在 pubspec.yaml 文件下声明

或者使用文件夹路径

这一步如果文件多起来,很容易出现混乱,导致声明麻烦,引用麻烦,并随着项目的迭代,资源文件有些不用了,也不知道哪个是哪个,这个时候, fluct gen-assets 命令帮到你

当运行 fluct gen-assets -h 会输出以下内容

到此,你已经拥有了自动资源绑定的功能了,输入 fluct gen-assets 即可

所有的内容都声明好了, very good ~

有小伙伴可能会疑惑, fluct create 运行之后会发现未找到命令,可能你使用了 flutter pub global activate fluct 命令激活,这个时候,我们可以使用 flutter pub run fluct create 运行

Flutter跨平台框架(Dart语言)

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。(-中文网;-英文网)

Flutter是一种趋势,势必会取代RN,成为最主流的跨平台开发框架,基于Dart语言。ios开发必须Mac电脑。android开发window、linux、Mac均可。

Flutter 快速开发框架

此框架旨在将常规的Flutter项目中使用到的通用(与业务无关)的功能从剥离出来,构成Flutter开发项目的框架,在开发新的Flutter项目时,可以直接引用本项目 import 'package:framework/framework.dart' 来使用框架中相关的功能,提升开发效率。 github项目地址

此框架目前包含以下功能模块:接口请求API模块、消息提示模块、路由模块、统一错误处理、日志模块、屏幕适配测试、自定义UI组件库、本地存储模块构成


当前文章:flutter快速开发,flutter开发环境搭建
文章起源:http://njwzjz.com/article/dsghcgd.html