給Android開發者的Flutter指南 (下) [翻譯]
官方英文原文： flutter.io/flutter-for…html
說明：此文上接 給Android開發者的Flutter指南(上)。android
4、工程結構與資源
1. 在哪放置不一樣分辨率（resolution-dependent）的圖片文件？ios
在Android中，resources與assets是兩個獨立的文件夾，而在Flutter中，只存在assets，全部放在Android的res/drawable-*文件夾中的文件全都放在Flutter中的assets文件夾中。git
Flutter跟ios同樣遵循簡單的基於密度(density-base)的格式，assets包含1.0x、2.0x、3.0x或者更高乘數，Flutter中並無dp這一說，而是使用與設備無關的邏輯像素，在devicePixelRatio 中描述了單個邏輯像素與物理像素的關係。github
對應於Android密度的關係以下：數據庫
| Android density qualifier | Flutter pixel ratio |
|---|---|
| ldpi | 0.75x |
| mdpi | 1.0x |
| hdpi | 1.5x |
| xhdpi | 2.0x |
| xxhdpi | 3.0x |
| xxxhdpi | 4.0x |
assets能夠存在與任意文件夾中，Flutter沒有規定文件夾結構，所以即便你將assets放在與pubspec.yaml相同的位置，Flutter也能正確的讀取到。bash
在Flutter 1.0 beta2之前，在Flutter中定義的assets不能被本地層（native層）訪問，同理，本地層的assets和resources文件也不能被Flutter訪問，由於它們存在於分立的文件夾中。架構
而從Flutter 1.0 beta2開始，assets存儲於本地層的assets文件夾中，且能夠被本地層經過AssetManager訪問，可是Flutter依然不能訪問本地層的resources和assets：app
val flutterAssetStream = assetManager.open("flutter_assets/assets/my_flutter_asset.png")
複製代碼
若是向Flutter工程中添加一個叫作my_icon.png的圖片資源，比方說，把它放到一個叫作Images的文件夾中（名字是任意的），那麼咱們應該把1.0x的基礎圖片放到Images的根目錄，而其餘大小，好比2.0x、3.0x等大小的圖片分別放在Images中名字爲2.0x、3.0x的子文件夾中，以下示例路徑：less
images/my_icon.png // Base: 1.0x image
images/2.0x/my_icon.png // 2.0x image
images/3.0x/my_icon.png // 3.0x image
複製代碼
接着在pubspec.yaml文件中聲明這些圖片資源：
assets:
- images/my_icon.jpeg
複製代碼
接着就能夠經過AssetImage訪問圖片資源了：
return AssetImage("images/a_dot_burr.jpeg");
複製代碼
或者直接在Image控件中使用：
@override
Widget build(BuildContext context) {
return Image.asset("images/my_image.png");
}
複製代碼
2. 在哪存儲strings字符串資源？怎樣處理本地化？
目前Flutter沒有像系統聲明字符串資源那樣的形式，所以當前最佳方式就是將字符串聲明成static形式，而後存儲在一個特定的類中，以後都從這個類中獲取，以下示例：
class Strings {
static String welcomeMessage = "Welcome To Flutter";
}
複製代碼
而後在代碼中這樣調用這些字符串資源：
Text(Strings.welcomeMessage)
複製代碼
Flutter對Android中的輔助功能有了基礎支持，目前工做還在進行中。開發者能夠經過查看intl package來獲取關於國際化和本地化的信息。
3. 對應於Gradle文件的是啥？怎麼添加依賴？
Android中，依賴添加在gradle構建腳本中，而Flutter則是使用Dart本身的構建系統和Pub包管理器，Flutter的構建工具會將本地Android和IOS的構建工做委託到它們各自的構建系統。
gradle文件在Flutter工程目錄的android文件夾下，只有須要針對單個平臺添加本地依賴時才添加到gradle，其餘普通場景直接在pubspec.yaml添加外部依賴就行了。找包？上 Pub
5、 Activity 與 fragment
Note： 你幾乎不會想讓Android由於Flutter應用而重啓activity，由於它違背了Android文檔中的提出的建議，所以例如須要支持分屏，那麼也須要添加screenLayout和density。
1. Flutter中與activity和fragment相對應的是啥？
在Android中，activity表明了用戶的單個焦點所在，而Fragment則表明用戶交互及接口的一個行爲或者說一個部分。Fragment能夠模塊化你的代碼，用來爲大屏設備組合出複雜的用戶交互接口、以及比例化應用UI。在Flutter中，這二者的概念都聚集到在Widget。
正如在Intent部分所提到的，在Flutter中，Widget就表明着屏幕，由於在Flutter中萬物皆Widget。咱們使用Navigator來切換Route，而Route表明着不一樣屏幕或頁面、亦或只是不一樣狀態、或是相同數據的渲染效果。
2. 如何監聽Android中activity的生命週期事件？
在Android中，咱們會複寫activity中的生命週期方法，或者在Application中註冊ActivityLifecycleCallbacks，而在Flutter中，並無這個概念，可是咱們能夠經過給WidgetBinding觀察者下個鉤子（hook）來監聽生命週期事件，而後監聽didChangeAppLifecycleState()的變化事件，其生命週期事件以下：
inactive： 應用處於非活動狀態，此時不在接收用戶輸入。這個事件只在IOS中有效，由於在Android中沒有與這個狀態相映射的事件。paused： 當前應用對用戶可見，但不在響應用戶輸入，且運行在後臺。等同於Android中的onPause。resumed： 應用可見且正在響應用戶輸入。等同於Android中的onPostResume()suspending： 此時應用掛起了。等同於Android中的onStop；不會觸發IOS上的事件，由於沒有與之映射的狀態事件。
關於這些狀態的更多細節，請查看 AppLifecycleStatus documentation..
你可能注意到了，只有那麼幾個可用的Android生命週期事件。這是由於FlutterActivity已經捕獲了幾乎全部的生命週期事件，並將它們傳送到了Flutter引擎中，而後不少事件都被它屏蔽掉了。Flutter會管理引擎的啓動和關閉動做，於是大多數狀況下咱們都沒多大必要在Flutter層監聽activity生命週期事件。若是要監聽或者釋放本地層的資源，那麼能夠在本地層以任何頻率進行。
如下示例描述瞭如何監聽Activity中的生命週期事件：
import 'package:flutter/widgets.dart';
class LifecycleWatcher extends StatefulWidget {
@override
_LifecycleWatcherState createState() => _LifecycleWatcherState();
}
class _LifecycleWatcherState extends State<LifecycleWatcher> with WidgetsBindingObserver {
AppLifecycleState _lastLifecycleState;
@override
void initState() {
super.initState();
WidgetsBinding.instance.addObserver(this);
}
@override
void dispose() {
WidgetsBinding.instance.removeObserver(this);
super.dispose();
}
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
setState(() {
_lastLifecycleState = state;
});
}
@override
Widget build(BuildContext context) {
if (_lastLifecycleState == null)
return Text('This widget has not observed any lifecycle changes.', textDirection: TextDirection.ltr);
return Text('The most recent lifecycle state this widget observed was: $_lastLifecycleState.',
textDirection: TextDirection.ltr);
}
}
void main() {
runApp(Center(child: LifecycleWatcher()));
}
複製代碼
6、佈局
1. 對應於LinearLayout的是啥？
在Android中，LinearLayout用於橫向和縱向佈局控件，而在Flutter中則是使用Row或Column控件來實現與之相同的行爲。
以下示例，當佈局中子控件重複利用率比較高時，使用這種容器控件就很方便了：
@override
Widget build(BuildContext context) {
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('Row One'),
Text('Row Two'),
Text('Row Three'),
Text('Row Four'),
],
);
}
複製代碼
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('Column One'),
Text('Column Two'),
Text('Column Three'),
Text('Column Four'),
],
);
}
複製代碼
更多線性佈局細節，請看這裏 Flutter For Android Developers : How to design LinearLayout in Flutter?.
2. 對應於RelativeLayout的是啥？
在Flutter實現與之相同效果的方法不多。能夠經過組合Column、Row和 Stack控件來實現相似效果，也能夠經過控件的構造器指定其子控件在它內部的佈局規則來實現。
關於如何構建一個RelativeLayout，能夠查看這裏 StackOverflow.
3. 對應於ScrollView的是啥？
在Flutter中，實現ScrollVIew的最簡單方式就是使用LsitView。這看起來好像有點誇張，可是在Flutter中，ListView控件既是Android中的ScrollView，也是ListView。
@override
Widget build(BuildContext context) {
return ListView(
children: <Widget>[
Text('Row One'),
Text('Row Two'),
Text('Row Three'),
Text('Row Four'),
],
);
}
複製代碼
4. 在Flutter中如何處理屏幕旋轉？
在AndroidManifest.xml中添加以下配置便可:
android:configChanges="orientation|screenSize"
複製代碼
7、檢測手勢與觸摸事件處理
1. 如何爲控件添加 OnClick 事件監聽器？ 在Android中，是經過調用View的setOnClickListener方法綁定監聽器的，而在Flutter中能夠有如下兩種添加觸摸事件監聽器的方式：
- 若是控件支持事件檢測，那麼能夠給它傳入一個函數用以處理這個事件。好比，
RaisedButton包含一個onPressd參數：
@override
Widget build(BuildContext context) {
return RaisedButton(
onPressed: () {
print("click");
},
child: Text("Button"));
}
複製代碼
- 若是控件並不支持事件檢測，那麼能夠將這個控件包裹在
GestureDetector中，而後傳入一個函數給onTap參數：
class SampleApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: GestureDetector(
child: FlutterLogo(
size: 200.0,
),
onTap: () {
print("tap");
},
),
));
}
}
複製代碼
2. 如何處理控件中的其餘手勢？
使用GestureDetector能夠監聽大量手勢，例如：
-
單擊(
Tab)onTabDown： 觸發單擊事件的指針已經開始與屏幕在特定點上進行聯繫onTapUp： 觸發單擊事件的指針中止與屏幕在特定點上的聯繫onTap： 造成了單擊事件onTapCancel： 觸發時會致使以前觸發onTabDown的指針沒法造成單擊事件
-
雙擊(
Double Tab)onDoubleTab： 用戶在屏幕的同一個點上連續快速點擊了兩次
-
長按
Long PressonLongPress： 指針持續在同一個位置上與屏幕進行了一段事時間的聯繫。
-
垂直拖動(
Vertical drag)onVerticalDragStart： 指針已經和屏幕聯繫，而且可能開始垂直移動。onVerticalDragUpdate： 正在和屏幕聯繫的指針已經開始在垂直方向上進行移動。onVerticalDragEnd： 以前與屏幕進行聯繫且在垂直方向移動的指針，如今已經不須要再與屏幕聯繫了，而且在中止聯繫的瞬間，指針依然以必定的速度移動。
-
水平拖動（
Horizontal drag）（請參考上面的垂直拖動）onHorizontalDragStartonHorizontalDragUpdateonHorizontalDragEnd
下面示例描述了在使用GestureDetector雙擊Flutter logo時，logo旋轉的效果：
AnimationController controller;
CurvedAnimation curve;
@override
void initState() {
controller = AnimationController(duration: const Duration(milliseconds: 2000), vsync: this);
curve = CurvedAnimation(parent: controller, curve: Curves.easeIn);
}
class SampleApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: GestureDetector(
child: RotationTransition(
turns: curve,
child: FlutterLogo(
size: 200.0,
)),
onDoubleTap: () {
if (controller.isCompleted) {
controller.reverse();
} else {
controller.forward();
}
},
),
));
}
}
複製代碼
8、ListView 與 Adapter
1. 在Flutter中，替代ListView的是啥？
在Flutter中，等效於ListView的是...ListView
對於Android的ListView，咱們會建立一個適配器(adapter)傳給ListView，而後ListView渲染這個適配器返回的每一行數據。而咱們必須確保每行數據最後都被咱們回收，不然就可能會致使顯示錯亂和內存問題。
而由於Flutter的控件是不可變的，咱們給ListView傳入一個集合的控件，而後Flutter就會本身確保滑動的流暢、快速了。
import 'package:flutter/material.dart';
void main() {
runApp(SampleApp());
}
class SampleApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Sample App',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: SampleAppPage(),
);
}
}
class SampleAppPage extends StatefulWidget {
SampleAppPage({Key key}) : super(key: key);
@override
_SampleAppPageState createState() => _SampleAppPageState();
}
class _SampleAppPageState extends State<SampleAppPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Sample App"),
),
body: ListView(children: _getListData()),
);
}
_getListData() {
List<Widget> widgets = [];
for (int i = 0; i < 100; i++) {
widgets.add(Padding(padding: EdgeInsets.all(10.0), child: Text("Row $i")));
}
return widgets;
}
}
複製代碼
2. 我怎麼知道列表的哪一個條目被點擊了呢？ 在Android中，ListView中包含了查找點擊了哪一個條目的onItemClickListener監聽器，而在Flutter中，則是經過傳入列表的控件來處理觸摸動做。
import 'package:flutter/material.dart';
void main() {
runApp(SampleApp());
}
class SampleApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Sample App',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: SampleAppPage(),
);
}
}
class SampleAppPage extends StatefulWidget {
SampleAppPage({Key key}) : super(key: key);
@override
_SampleAppPageState createState() => _SampleAppPageState();
}
class _SampleAppPageState extends State<SampleAppPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Sample App"),
),
body: ListView(children: _getListData()),
);
}
_getListData() {
List<Widget> widgets = [];
for (int i = 0; i < 100; i++) {
widgets.add(GestureDetector(
child: Padding(
padding: EdgeInsets.all(10.0),
child: Text("Row $i")),
onTap: () { // 給列表中的每一個控件添加一個點擊事件監聽器
print('row tapped');
},
));
}
return widgets;
}
}
複製代碼
3. 如何動態更新ListView？
在Android中是經過更新適配器，而後調用notifyDataSetChanged來處理。
而在Flutter中，若是你是在setState()方法中更新控件集，那麼你會很快看到你的數據並無被更新，這是由於當setState()被調用時，Flutter渲染引擎會在控件樹中搜索是否存在發生改變的東西，而當它找到了你的ListView，它會進行==檢查，而後斷定這兩個ListView是相同的，於是不會發生任何改變，也就不會請求更新。
一個簡單更新ListView的方法就是，在setState()方法中建立一個新的List，而後將舊集合的數據拷貝過來。這一解決方案是簡單，可是不推薦在數據量大的時候使用，以下示例：
import 'package:flutter/material.dart';
void main() {
runApp(SampleApp());
}
class SampleApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Sample App',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: SampleAppPage(),
);
}
}
class SampleAppPage extends StatefulWidget {
SampleAppPage({Key key}) : super(key: key);
@override
_SampleAppPageState createState() => _SampleAppPageState();
}
class _SampleAppPageState extends State<SampleAppPage> {
List widgets = [];
@override
void initState() {
super.initState();
for (int i = 0; i < 100; i++) {
widgets.add(getRow(i));
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Sample App"),
),
body: ListView(children: widgets),
);
}
Widget getRow(int i) {
return GestureDetector(
child: Padding(
padding: EdgeInsets.all(10.0),
child: Text("Row $i")),
onTap: () {
setState(() {
widgets = List.from(widgets);
widgets.add(getRow(widgets.length + 1));
print('row $i');
});
},
);
}
}
複製代碼
一個高效且有效的方式是經過ListView.Builder來創建ListView，這種方式在你的數據量巨大或者須要動態改變數據的狀況下很是有用，這實質上跟Android中的RecyclerView等價了，由於它會自動回收列表數據：
import 'package:flutter/material.dart';
void main() {
runApp(SampleApp());
}
class SampleApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Sample App',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: SampleAppPage(),
);
}
}
class SampleAppPage extends StatefulWidget {
SampleAppPage({Key key}) : super(key: key);
@override
_SampleAppPageState createState() => _SampleAppPageState();
}
class _SampleAppPageState extends State<SampleAppPage> {
List widgets = [];
@override
void initState() {
super.initState();
for (int i = 0; i < 100; i++) {
widgets.add(getRow(i));
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Sample App"),
),
body: ListView.builder(
itemCount: widgets.length,
itemBuilder: (BuildContext context, int position) {
return getRow(position);
}));
}
Widget getRow(int i) {
return GestureDetector(
child: Padding(
padding: EdgeInsets.all(10.0),
child: Text("Row $i")),
onTap: () {
setState(() {
widgets.add(getRow(widgets.length + 1));
print('row $i');
});
},
);
}
}
複製代碼
與建立ListView不一樣的是，建立ListView.Build須要傳入兩個主要參數，一個是初始列表的長度，一個是itemBuild函數（構建列表條目的函數）。
itemBuild與Android中的adapter#getView()方法相似，它給你一個位置，而後須要返回你須要在對應位置上渲染的行。
最後注意到, onTab函數已經不須要在創新建立數據列表了，取而代之的是經過.add()來添加到其中。
9、文字處理
1. 如何給文字控件設置字體？
在Android SDK（Android O），能夠建立一個Font資源，而後做爲FontFamily參數傳入TextView。而在Flutter中，則是將字體文件放到一個文件夾中，而後在pubspec.yaml中引用便可，跟引入圖片是相似的。
fonts:
- family: MyCustomFont
fonts:
- asset: fonts/MyCustomFont.ttf
- style: italic
複製代碼
而後在Text控件中使用：
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Sample App"),
),
body: Center(
child: Text(
'This is a custom font text',
style: TextStyle(fontFamily: 'MyCustomFont'),
),
),
);
}
複製代碼
2. 如何給Text控件定義風格？ 除了字體，咱們還能夠定義Text控件的其餘風格屬性，Text控件的風格參數中包含一個TextStyle對象，咱們能夠定義它的不少參數，例如：
- color
- decoration
- decorationColor
- decorationStyle
- fontFamily
- fontSize
- fontStyle
- fontWeight
- hashCode
- height
- inherit
- letterSpacing
- textBaseline
- wordSpacing
10、表單輸入(Form input)
有關表單的更多信息請查看Flutter cookbook 中的這裏Retrieve the value of a text field。
1. 對應於輸入框中的「hint」的是啥？ 在Flutter中，能夠經過給Text控件傳入一個InputDecoration對象來顯示「hint」或者佔位字符，以下示例：
body: Center(
child: TextField(
decoration: InputDecoration(hintText: "This is a hint"),
)
)
複製代碼
2. 如何展現驗證錯誤信息？
和顯示hint同樣，傳一個InputDecoration對象給Text控件的構造函數便可。
可是你確定不想一開始就顯示錯誤，而是在出現錯誤時才顯示，所以發生錯誤時傳入一個新的InputDecoration對象便可。
import 'package:flutter/material.dart';
void main() {
runApp(SampleApp());
}
class SampleApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Sample App',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: SampleAppPage(),
);
}
}
class SampleAppPage extends StatefulWidget {
SampleAppPage({Key key}) : super(key: key);
@override
_SampleAppPageState createState() => _SampleAppPageState();
}
class _SampleAppPageState extends State<SampleAppPage> {
String _errorText;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Sample App"),
),
body: Center(
child: TextField(
onSubmitted: (String text) {
setState(() {
if (!isEmail(text)) {
_errorText = 'Error: This is not an email';
} else {
_errorText = null;
}
});
},
decoration: InputDecoration(hintText: "This is a hint", errorText: _getErrorText()),
),
),
);
}
_getErrorText() {
return _errorText;
}
bool isEmail(String em) {
String emailRegexp =
r'^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$';
RegExp regExp = RegExp(emailRegexp);
return regExp.hasMatch(em);
}
}
複製代碼
11、Flutter Plugins
1. 如何訪問GPS傳感器？
使用geolocator社區插件
2. 如何訪問相機？ 使用這個image_picker
3. 如何登陸Facebook?
4. 如何使用Firebase ？ 大部分Firebase函數轉換自 first party plugins，如下是第一批集成的插件，由Flutter團隊維護：
- firebase_admob for Firebase AdMob
- firebase_analytics for Firebase Analytics
- firebase_auth for Firebase Auth
- firebase_database for Firebase RTDB
- firebase_storage for Firebase Cloud Storage
- firebase_messaging for Firebase Messaging (FCM)
- flutter_firebase_ui for quick Firebase Auth integrations (Facebook, Google, Twitter and email)
- cloud_firestore for Firebase Cloud Firestore
4. 如何構建自定義的 Native integration（本地集成）
若是沒有找到咱們想要的插件，那麼能夠查看the developing packages and plugins，學習如何構建咱們本身的插件。
Flutter的插件架構，相似於EventBus：發出消息給接收器處理，接收器處理後將結果返回過來。在這裏，接收器代碼運行在本地層，也就是Android或IOS.
5. 如何在Flutter應用中使用NDK？
若是你已經在Android應用中使用了NDK，而且想要讓Flutter也能使用到這些類庫，那麼就須要構建自定義插件了。
首先讓自定義的插件能與Android應用交互，即在Android應用中經過JNI調用native函數，一旦拿到拿到結果了，就回送給Flutter，而後渲染結果。
目前不支持直接從Flutter中調用native代碼。
12、 主題（themes）
1. 如何給應用定製主題？
Flutter自帶Material Design風格的主題，不像Android能夠在XML文件中聲明主題，而後在AndroidManifest.xml中使用。在Flutter中是在頂層控件中聲明主題的。
若是想要在應用中充分使用Material組件，那麼可使用MaterialApp做爲應用的入口。MaterialApp包含有大量的實現了Material Design風格的通用控件，它創建在WidgetsApp之上，只是添加了具備Material特性的功能。
一樣也可使用WidgetsApp做爲應用控件，它提供了一些相同的功能，但不如MaterialApp豐富。
想要在任意子組件上自定義顏色和風格的話，那麼給MaterialApp傳入一個ThemeData對象，例如，在下面示例中，初始樣本顯示爲藍色，而文字選擇後顯示爲紅色。
class SampleApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Sample App',
theme: ThemeData(
primarySwatch: Colors.blue,
textSelectionColor: Colors.red
),
home: SampleAppPage(),
);
}
}
複製代碼
十3、數據庫與本地存儲
1. 怎樣訪問Shared Preference？
在Flutter中，能夠經過Shared_Preferences plugin來實現這些功能，這個插件包含了Shared Preferences和NSUserDefaults（ios平臺）
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
void main() {
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: RaisedButton(
onPressed: _incrementCounter,
child: Text('Increment Counter'),
),
),
),
),
);
}
_incrementCounter() async {
SharedPreferences prefs = await SharedPreferences.getInstance();
int counter = (prefs.getInt('counter') ?? 0) + 1;
print('Pressed $counter times.');
prefs.setInt('counter', counter);
}
複製代碼
2. 如何訪問SQLite數據庫？
使用SQFlite插件
十5、通知
1. 如何設置推送通知？
在Android中可使用Firebase Cloud Messaging給應用設置推送通知。
Flutter中，經過Firebase_Messaging可使用到這一功能，更多關於使用Firebase Cloud Messaging API的信息，請查看firebase_messaging插件文檔。
- 1. 給 Android 開發者的 Flutter 指南（下）
- 2. 給Android開發者的Flutter指南 (上) [翻譯]
- 3. 給 Xamarin.Forms 開發者的 Flutter 指南（下）
- 4. Android開發者指南(8) —— What is Android?
- 5. [Flutter翻譯]使用Flutter編寫Flutter開發者的新工具
- 6. Android開發者指南(10) —— Android API Levels
- 7. Flutter開發指南
- 8. Android開發者指南(14) —— Introduction
- 9. 【翻譯向】webpack2 指南（下）
- 10. Android開發者指南(18) —— Web Apps Overview
- 更多相關文章...
- • JavaScript 指南 - 網站建設指南
- • HTML 指南 - 網站建設指南
- • PHP開發工具
- • 適用於PHP初學者的學習線路和建議
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 給 Android 開發者的 Flutter 指南（下）
- 2. 給Android開發者的Flutter指南 (上) [翻譯]
- 3. 給 Xamarin.Forms 開發者的 Flutter 指南（下）
- 4. Android開發者指南(8) —— What is Android?
- 5. [Flutter翻譯]使用Flutter編寫Flutter開發者的新工具
- 6. Android開發者指南(10) —— Android API Levels
- 7. Flutter開發指南
- 8. Android開發者指南(14) —— Introduction
- 9. 【翻譯向】webpack2 指南（下）
- 10. Android開發者指南(18) —— Web Apps Overview