Flutter自制工具之fluct助力Flutter快速開發(fā)神器

一個幫助開發(fā)Flutter應(yīng)用程序的工具

10余年的荔浦網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。營銷型網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整荔浦建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“荔浦網(wǎng)站設(shè)計”,“荔浦網(wǎng)站推廣”以來，每個客戶項目都認(rèn)真落實執(zhí)行。

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

| github地址:

|

| pub地址：

|

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

該工具無需添加到依賴項中，我們只需要 激活 即可,使用如下命令：

fluct 目前只有兩個命令 create 和 gen-assets

在 Flutter 開發(fā)過程中，我們創(chuàng)建文件是必須的，而AS自帶的創(chuàng)建文件，并沒有自動的生成相關(guān)的內(nèi)容，這會讓開發(fā)者非常的苦惱，類名還需要自己手動敲的話，而該命令，直接可以一步到位。

當(dāng)運行此命令后，命令行會輸出以下內(nèi)容

可以看到，該命令輸出的內(nèi)容是簡單易懂的，我們來簡單使用一下吧。

創(chuàng)建 IndexPage 頁面，繼承自 StatefulWidget ,可以使用如下命令:

運行成功之后，我們會在項目下找到 index_page.dart 文件，內(nèi)容為:

當(dāng)然，你也可以指定哪個文件夾，例如，我要在./lib/src/page 文件夾下創(chuàng)建 IndexPage ，使用如下命令

在開始之前，我們需要在項目根目錄下新建一個 fluct.yaml 文件,因為 fluct create -t custom 命令會找到它，內(nèi)容如下：

這里，我聲明了 inh 命令，然后運行這個命令之后會在生成文件的時候添加 inh 對應(yīng)的內(nèi)容，內(nèi)容中我們值得注意的是 $NAME$ 占位符，該字符串會被替換成根據(jù)文件名生成的內(nèi)容，例如： index_page 會插入 IndexPage 到 $NAME$ 占位符中，最后，我們運行以下命令:

運行成功之后，我們能夠在根目錄下找到 index_inherited.dart 文件，內(nèi)容也是對應(yīng)的自定義內(nèi)容

我們在使用資源文件時，需要在 pubspec.yaml 文件聲明資源文件的路徑

例如：我在 ./assets/images 文件夾下添加 a.png 圖片，需要在 pubspec.yaml 文件下聲明

或者使用文件夾路徑

這一步如果文件多起來，很容易出現(xiàn)混亂，導(dǎo)致聲明麻煩，引用麻煩，并隨著項目的迭代，資源文件有些不用了，也不知道哪個是哪個，這個時候， fluct gen-assets 命令幫到你

當(dāng)運行 fluct gen-assets -h 會輸出以下內(nèi)容

到此，你已經(jīng)擁有了自動資源綁定的功能了，輸入 fluct gen-assets 即可

所有的內(nèi)容都聲明好了， very good ~

有小伙伴可能會疑惑， fluct create 運行之后會發(fā)現(xiàn)未找到命令，可能你使用了 flutter pub global activate fluct 命令激活，這個時候，我們可以使用 flutter pub run fluct create 運行

Flutter之Dart數(shù)據(jù)類型及數(shù)據(jù)之間的轉(zhuǎn)換

1、數(shù)值型-Number

2、布爾型-Boolean

3、字符串-String

4、列表-List

5、鍵值對-Map

1、int: 整數(shù)，數(shù)值

2、double: 浮點型數(shù)值，帶有小數(shù)點

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

字符串操作

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

插值表達(dá)式：${expression}

常用屬性：length，isEmpty(是否為空)

Map 對象

使用Flutter + V8/JsCore開發(fā)小程序引擎（一）

眾所周知，小程序是由HTML標(biāo)簽來開發(fā)原生組件，那么首先需要將HTML做解析，這里我們將HTML通過node腳本解析成JSON字符串，再用Dart來解析JSON，映射對應(yīng)的標(biāo)簽到flutter的組件。這里先簡單介紹實現(xiàn)的功能以及展示效果，后續(xù)再詳細(xì)介紹。

為了高效解析，直接用flutter的組件名在HTML文件上開發(fā)

直接使用flutter的組件

模仿微信小程序的Api，cc對應(yīng)是微信小程序的wx

以上HTML中的例子

《使用Flutter + V8/JsCore開發(fā)小程序引擎（二）》

《使用Flutter + V8/JsCore開發(fā)小程序引擎（三）》

文章標(biāo)題：flutter占位符,flutter埋點
網(wǎng)頁地址：http://chinadenli.net/article24/dsegpce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、企業(yè)網(wǎng)站制作、云服務(wù)器、商城網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)