建站
咨詢
售后
建站咨詢
新聞中心
Flutter之國際化多語言
在說flutter國際化前，不得不提到，在uni-app中支持的Vue-i18n，兩者有相似之處，也有差異的地方。
創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、小程序設(shè)計、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十年以來，已經(jīng)為上1000家公路鉆孔機各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)?，F(xiàn)在，服務(wù)的上1000家客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。
本篇借鑒了三篇熱門帖子
Flutter中的國際化：如何寫一個多語言的App
Flutter國際化完整例子
Internationalization - Make an Flutter application multi-lingual
只記錄根據(jù)手機系統(tǒng)語言自動轉(zhuǎn)換app語言
引入后，保存會自動加入安裝此依賴
我們新建一個和"/lib"同級別的文件夾"/locale"，然后在這個文件夾中新建兩個文件，分別為"i18n_en.json" 和" i18n_zh.json"。再在"/lib"文件夾下創(chuàng)建和"main.dart"同級的"translation.dart"和"application.dart"。
??文件夾樹現(xiàn)在是這個樣子的：
MyApplication
? |
? +- android
? +- build
? +- images
? +- ios
? +- lib
?? |
?? +-main.dart
?? +-translation.dart
?? +-application.dart
? +- locale
?? |
?? +- i18n_en.json
?? +- i18n_zh.json
? +- test
在pubspec.yaml繼續(xù)加入json，引入靜態(tài)資源
補充：如果需要強制轉(zhuǎn)換的話(我自己沒有用到)
Flutter局部刷新方法
Flutter中Widget分為StatefulWidget和StatelessWidget，分別為動態(tài)視圖和靜態(tài)視圖，視圖的更新需要調(diào)用StatefulWidget的setState方法，這會遍歷調(diào)用子Widget的build方法。當一個主頁面比較復(fù)雜時，會包含多個widget，如果直接調(diào)用setState，會遍歷所有子Widget的build，這是非常不必要的性能開銷，有沒有單獨刷新指定Widget的方式呢？這個時候就要用到GlobalKey了。
一個StatefulWidget包含一個Button，一個Text，通過點擊Button調(diào)用主Widget的setState方法，刷新Text，示例如下：
同樣一個StatefulWidget包含一個多個Text和Button，點擊Button我們只需要刷新指定的Text，通過GlobalKey的方式，實現(xiàn)如下：
主Widget，包含一個需要更新的TextWidget和一個不需要更新的Text
需要單獨更新的Widget
傳遞事件的Button
這樣點擊Button就只會更新指定的TextWidget了，效果如下：
這只是一個簡單的例子，在實際開發(fā)中為了頁面刷新的高效率，模塊化封裝非常重要。很多情況下都只需要局部刷新，而不是重構(gòu)整個視圖。所以Globalkey的運用在項目中需要熟練掌握
flutter 頁面的生命周期（轉(zhuǎn)）
轉(zhuǎn)自
在 Flutter 中，有兩類常用的 Widget：
在開發(fā)過程中，我們經(jīng)常需要繼承它們兩來實現(xiàn)自己的 Widget。
一個 StatelessWidget 是不能被改變的，比如： Icon 、 Text 等。
如果你的控件一旦顯示，就不需要再做任何的變更，那么你應(yīng)該使用 StatelessWidget 。
實現(xiàn)一個自己的 StatelessWidget 很簡單。
當你看到下面這個例子?時，你就知道它有多簡單了。
看，只要在 build() 中返回你的視圖就可以了。
一個 StatefulWidget 是有狀態(tài)的，可變的。
它可以改變自己的外觀，以響應(yīng)用戶的操作或者數(shù)據(jù)的變化。
比如： CheckBox 、 Switch ..
我們之所以能夠改變一個 StatefulWidget ，是因為它有一個設(shè)置狀態(tài)的函數(shù)：
調(diào)用這個函數(shù)后，就會觸發(fā) StatefulWidget 的視圖樹重建。
因此，當我們需要一個可交互的，即能根據(jù)用戶操作或數(shù)據(jù)變化而改變視圖的 Widget 時，那就得用上 StatelessWidget 了。
現(xiàn)在，來創(chuàng)建一個自定義的 StatefulWidget：
從上面的例子中可以看到， StatefulWidget 會要求提供一個含有視圖樹的 State 。
既然 State 能夠控制一個視圖的狀態(tài)，那它肯定會有一系列的生命周期。
上圖就是 State 的生命周期圖。
離不開DART的Flutter（dart篇）
hello world例子
在終端打印字符串‘Hello World!’
計算斐波那契數(shù)列
一個簡單的類
計算兩點距離
異步并發(fā)示例
使用了Isolate
1.面向?qū)ο?/p>
對于面向?qū)ο筮@個概念，相信了解Java的同學(xué)對這個概念一定不會陌生。
例如：我們有個Person Object他有很多特征和行為。
這些都是這個Person Object的屬性。
也就是因為有了這些特征，行為等等才決定了這個人是誰。
那么回到Dart當中，所有的都是對象，那么在就可以可以跟進對象的屬性的特征，方法等等來進行編程。
之所以我們在這里又特別強調(diào)了一下面向?qū)ο蟮母拍?，是因為這個概念在Dart語言當中，至關(guān)重要！
2.最重要的幾個概念
3.Dart的部分特性
4.Dart的內(nèi)置庫
包名
描述
dart:asynv
異步編程，提供Future，Stream類
dart：collection
集合
dart：convert
不同類型的字符編碼解碼
dart：core
Dart語言核心功能，內(nèi)置類型
dart:html
網(wǎng)頁開發(fā)用到的庫
dart:io
文件讀寫，IO相關(guān)
dart:math
數(shù)字常量以及函數(shù)，隨機算法等
dart:svg
事件和動畫矢量圖支持
綜上述所說要想學(xué)Flutter，先學(xué)Dart！關(guān)于Flutter下篇我會講到。為什么離不開dart！
有關(guān)更多面經(jīng)、核心技術(shù)筆記；自己也是從事Android開發(fā)5年有余了；整理了一些Android開發(fā)技術(shù)核心筆記和面經(jīng)題綱， 如有需要的同學(xué)請私信我回復(fù)“核心筆記”或“面試”領(lǐng)取！
flutter 表單Form使用示例
flutter提供一套表單校驗框架Form，可以通過Form框架一步校驗所有表單，非常方便，比較常用的用法是Form+TextFormField。
Form繼承StatefulWidget，有一個widget 類型的child參數(shù)，證明Form是一個容器。
Form里還有一個validate方法，如下
一般通過GlobalKey來訪問Form中validate方法，F(xiàn)orm的validate方法用來校驗所有Form里的FormField表單，validate方法返回值是bool類型，返回true表示所有表單校驗成功；返回false表示有校驗失敗的表單；
TextFormField繼承FormField，F(xiàn)ormField后面源碼分析會講，所有Form可統(tǒng)一校驗的表單都必須繼承FormField，可以通過FormField自定義各種各樣可校驗表單，TextFormField只是FormField自定義表單中的一種。
表單校驗必須實現(xiàn)的方法為validator，定義如下：
每個表單的校驗規(guī)則都在validator里實現(xiàn)，通過返回值來判斷是否校驗成功。
1、用Form包在所有需要校驗的表單最外層，如下：
2、將GlobalKey傳給Form，用于調(diào)用Form里方法，如下：
3、將TextFormField傳給Form容器，如下：
4、實現(xiàn)對應(yīng)TextFormField的校驗規(guī)則 ，如下：
5、最后調(diào)用Form校驗所有表單方法validate，如下：
新聞標題：flutter例子,flutter筆記
轉(zhuǎn)載來源：http://www.dlmjj.cn/article/dsejjds.html
