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

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

10余年的荔浦网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整荔浦建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“荔浦网站设计”,“荔浦网站推广”以来，每个客户项目都认真落实执行。

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

| 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数据类型及数据之间的转换

1、数值型-Number

2、布尔型-Boolean

3、字符串-String

4、列表-List

5、键值对-Map

1、int: 整数，数值

2、double: 浮点型数值，带有小数点

运算符：+，-，*，/，~/（取整），%；

字符串操作

运算符：+，*，==，[]

插值表达式：${expression}

常用属性：length，isEmpty(是否为空)

Map 对象

使用Flutter + V8/JsCore开发小程序引擎（一）

众所周知，小程序是由HTML标签来开发原生组件，那么首先需要将HTML做解析，这里我们将HTML通过node脚本解析成JSON字符串，再用Dart来解析JSON，映射对应的标签到flutter的组件。这里先简单介绍实现的功能以及展示效果，后续再详细介绍。

为了高效解析，直接用flutter的组件名在HTML文件上开发

直接使用flutter的组件

模仿微信小程序的Api，cc对应是微信小程序的wx

以上HTML中的例子

《使用Flutter + V8/JsCore开发小程序引擎（二）》

《使用Flutter + V8/JsCore开发小程序引擎（三）》

分享题目：flutter占位符,flutter埋点
网站网址：http://myzitong.com/article/dsegpce.html