第十六章：Flutter數(shù)據(jù)存儲

Flutter的數(shù)據(jù)存儲分為三類

成都創(chuàng)新互聯(lián)長期為上1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為北湖企業(yè)提供專業(yè)的網(wǎng)站設(shè)計制作、做網(wǎng)站，北湖網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

Preference相當(dāng)于iOS的NSUserDefaults,其實也是按plist的方式存儲的

step1:添加依賴

step2:pub get

step3:導(dǎo)入頭文件

在path_provider中有三個獲取文件路徑的方法：

- getTemporaryDirectory()

://獲取應(yīng)用緩存目錄，等同iOS的NSTemporaryDirectory()和Android的getCacheDir() 方法。

- getApplicationDocumentsDirectory():

//獲取應(yīng)用文件目錄類似于iOS的NSDocumentDirectory和Android上的 AppData目錄。

step1:添加依賴

step2:pub get

step3:導(dǎo)入頭文件

Flutter中使用gRPC

gRPC是谷歌開發(fā)的一款遠程過程調(diào)用系統(tǒng)，可以讓客戶端像調(diào)用本地對象一樣使用服務(wù)端應(yīng)用的方法，使用protocol buffers接口定義語言來定義服務(wù)方法，protocol buffer定義參數(shù)和返回類型。

protobuf類似json，是一種數(shù)據(jù)結(jié)構(gòu)協(xié)議，在android studio中安裝Protobuf Support,方便查看編寫的proto文件

dart使用proto插件將proto文件生成對應(yīng)的dart文件，使用如下步驟

1、安裝flutter之后，再flutter的下面路徑中有pub命令，需要將命令加入到path中。

可以vi ~/.zshrc,在文件中加入source ~/.bash_profile，然后在vi ~/.bash_profile文件中加入下面路徑（:分割不同的路徑）

export PATH=/Users/webull/app/flutter/bin:/Users/webull/app/flutter/bin/cache/dart-sdk/bin:/Users/webull/.pub-cache/bin:$PATH

其中fluter/bin是flutter的命令路徑，dart-sdk/bin中包含了pub和其他dart命令，.pub-cache/bin是之后運行pub之后建立的路徑，里面包含了proto-gen-dart命令，用來將proto文件轉(zhuǎn)換為dart的命令

2、使用下面的命令安裝proto插件

$ pub global activate protoc_plugin

安裝完成后，上面的用戶目錄中的.pub-cache目錄才會有proto-gen-dart文件。

1、其中/Users/webull是我的用戶目錄 app/flutter是flutter的安裝目錄

參考：

1、gRPC介紹

2、gRPC配置

vscode flutter 環(huán)境搭建

環(huán)境準(zhǔn)備階段：

android-studio 版本：android-studio-ide-191.5977832-windows.exe 3.5.2

flutter版本：stable 版本 （完成系統(tǒng)環(huán)境變量 path配置）

dart版本：2.12.0 （完成系統(tǒng)環(huán)境變量 path配置）

完成相關(guān)軟件安裝。

配置flutter相關(guān)SDK及andriod studio路徑：

flutter config --android-sdk="C:\Users\Administrator\AppData\Local\Android\Sdk"

flutter config --android-studio-dir="D:\Program Files\Android\Android Studio"

執(zhí)行flutter doctor運行成功。

夜神模擬器地址：D:\Program Files\Nox\bin （完成系統(tǒng)環(huán)境變量 path配置）

andriod SDK tools：C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools （完成系統(tǒng)環(huán)境變量 path配置）

nox_adb.exe connect 127.0.0.1:62001

dart SDK:D:\software\dartsdk-windows-x64-release\dart-sdk\bin

將C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools 下面adb.exe 復(fù)制至D:\Program Files\Nox\bin覆蓋

adb.exe，此外重新復(fù)制adb.exe命名為nox_adb.exe，替換原有的nox_adb.exe。

cdm 輸入nox_adb version 及adb version發(fā)現(xiàn)版本一致。

啟動野神模擬器，輸入adb devices發(fā)現(xiàn)虛擬設(shè)備，執(zhí)行flutter devices發(fā)現(xiàn) 127.0.0.1:62001 設(shè)備。

修改C:\learn_flutter\first_flutter\android\gradle\wrapper\gradle-wrapper.properties

distributionUrl=

修改C:\learn_flutter\first_flutter\android\build.gradle

buildscript {

ext.kotlin_version = '1.3.50'

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

}

allprojects {

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

}

修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\flutter.gradle

buildscript {

repositories {

// google()

// jcenter()

maven { url ' ' }

maven { url ' ' }

maven { url ' ' }

}

dependencies {

classpath 'com.android.tools.build:gradle:4.1.0'

}

}

//private static final String DEFAULT_MAVEN_HOST = " ";

private static final String DEFAULT_MAVEN_HOST = " ";

修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\resolve_dependencies.gradle

repositories {

google()

jcenter()

maven {

//url "$storageUrl/download.flutter.io"

url " "

}

}

執(zhí)行 flutter run啟動成功。

環(huán)境搭建坑點在于JDK兼容問題以及網(wǎng)絡(luò)問題。

flutter貝塞爾曲線

1.要繪制貝塞爾線，我們需要四個點： 起點 ， 終點 和 兩個控制點 ，如下圖所示。移動控制點會改變曲線的斜率。您可以在此 在線工具中 使用控制點。

我們可以使用類Path的cubicTo方法繪制貝塞爾曲線：

使用控制點（x1，y1）和（x2，y2）添加從當(dāng)前點到給定點（x3，y3）的曲線的三次貝塞爾曲線段。

如您所見，該cubicTo方法接受三個參數(shù)。其中兩個是控制點，最后一個參數(shù)是終點。起點是您的筆已經(jīng)位于畫布上的位置。

不要忘記在畫布坐標(biāo)中，左上角是（0,0）點，右下角是（size.width，size.height）。因此，請嘗試相應(yīng)地調(diào)整四點：

請記住，paint對象就像我們的筆，我們將其顏色設(shè)置為藍色，寬度設(shè)置為3。

我們用path對象描述了bezier路徑。該moveTo方法已用于將筆移動到路徑的起點。然后我們調(diào)用cubicTo方法來定義控制點和終點。之后，我們使用該drawPath方法繪制了路徑。

貝塞爾曲線參考:

///推薦一些曲線圖/折線圖/柱狀圖參考:

all first_rank_v2~rank_v25-2-95632571.nonecaseutm_term=flutter%20%E5%8A%A8%E6%80%81%E7%BB%98%E5%88%B6%E6%9B%B2%E7%BA%BF

(1)Flutter記錄之啟動頁

一年半前玩過flutter，忘光光...現(xiàn)在是時候重新拾取了。~

啟動頁一般只放圖片或者加幾行文字。

1、創(chuàng)建好flutter項目之后，在lib文件下面新建launch.dart或xx.dart.

2、在根目錄下新建images文件夾，如已有直接放入圖片

3、flutter_yijiake.iml中加入注入該圖片，并注意空格

4、在根目錄下的test/widget_test.dart中更改默認的啟動頁為當(dāng)前的啟動頁路徑

5、最后重新設(shè)置啟動時的頁面

6、非常簡單的啟動頁面放logo圖片

值得一說的是，flutter框架的UI組件需要已new 組件的形式展開。

當(dāng)前題目：flutter路徑,flutter 配置文件
文章鏈接：http://aaarwkj.com/article22/dssjpjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、搜索引擎優(yōu)化、小程序開發(fā)、網(wǎng)站導(dǎo)航、用戶體驗、電子商務(wù)

廣告

聲明：本網(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)