原生交互
Flutter代码不直接在平台下运行，而是在设备上以原生的方式运行，并且避开了平台提供的SDK。所有操作在Dart的上下文中执行，而不会用到iOS或Android上使用的原生API。
Flutter程序仍然被原生平台的ViewController当作一个页面，但是我们并不会直接去访问原生平台ViewController，或者框架。
但是Flutter提供了platform channels(平台管道)来跟原生平台交互。平台管道本质上是一个异步通信机制，桥接了 Dart 代码和宿主 ViewController，以及它运行于的 iOS 框架。可以用平台管道来执行一个原生的函数，或者是从设备的传感器中获取数据。
除了直接使用平台管道之外，还可以使用一系列预先制作好的 plugins。例如，你可以直接使用插件来访问摄像头或相册，而不必编写自己的集成层代码，当然也可以自己编写。
注意：在不同平台使用系统权限需要添加权限描述，分别对应：
-
iOS: info.plist 添加隐私权限
例如：
<key>NSAppleMusicUsageDescription</key>
<string>请允许访问您的媒体库权限，用于图片选择</string>
<key>NSBluetoothPeripheralUsageDescription</key>
<string>请允许访问您的蓝牙权限，用于连接打印机</string> -
Android: AndroidManifest.xml添加隐私权限
例如：
<uses-permission android:name=”android.permission.ACCESS_FINE_LOCATION”/>
访问GPS传感器
使用location社区插件。
采用谷歌地图，安卓端需要修改gradle.properties:
1
2
3
android.enableJetifier=true
android.useAndroidX=true
org.gradle.jvmargs=-Xmx1536M
build.gradle:
1
2
3
4
dependencies {
classpath 'com.android.tools.build:gradle:3.3.0'
classpath 'com.google.gms:google-services:4.2.0'
}
另外还需要申请谷歌Key，否则会崩溃。
访问相册、摄像头
使用image_picker插件。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
class CameraSampleApp extends StatelessWidget {
const CameraSampleApp({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: CameraSampleAppPage(),
);
}
}
class CameraSampleAppPage extends StatefulWidget {
CameraSampleAppPage({Key key}) : super(key: key);
_CameraSampleAppPageState createState() => _CameraSampleAppPageState();
}
class _CameraSampleAppPageState extends State<CameraSampleAppPage> {
File _image;
Future getImage() async {
// 可以指定为camera
var image = await ImagePicker.pickImage(source: ImageSource.gallery);
setState(() {
_image = image;
});
}
_getChild() {
return _image == null ? Text('No Image Selected') : Image.file(_image);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Image Picker Example'),
),
body: Center(
child: _getChild(),
),
floatingActionButton: FloatingActionButton(
onPressed: getImage,
tooltip: 'Pick Image',
child: Icon(Icons.add),
),
);
}
}
登录第三方应用
例如登录QQ，可以使用flutter_qq_bridge社区插件。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
class QQLoginSampleAppPage extends StatefulWidget {
QQLoginSampleAppPage({Key key}) : super(key: key);
_QQLoginSampleAppPageState createState() => _QQLoginSampleAppPageState();
}
class _QQLoginSampleAppPageState extends State<QQLoginSampleAppPage> {
var _tencent;
var _loginRes;
@override
void initState() {
// TODO: implement initState
super.initState();
configParams();
}
configParams() async {
await FlutterQqBridge.registerQq(androidAppId, iOSAppId);
}
qqlogin() async {
var res = await FlutterQqBridge.login();
if (res.code == 0) {
// 成功
_tencent = Tencent.fromJson(res.message);
// 更新
setState(() {
_loginRes = 'oepnId:${_tencent.openId}, accessToken:${_tencent.accessToken}';
print(_loginRes);
});
} else {
// 失败
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('QQLogin'),
),
body: Center(
child: RaisedButton(
child: Text('QQ登录'),
onPressed: qqlogin,
),
),
);
}
}
使用Firebase特性
大多数 Firebase 特性被first party plugins包含了。这些插件由 Flutter 团队维护：
- firebase_admob for Firebase AdMob
- firebase_analytics for Firebase Analytics
- firebase_auth for Firebase Auth
- firebase_core for Firebase’s Core package
- firebase_database for Firebase RTDB
- firebase_storage for Firebase Cloud Storage
- firebase_messaging for Firebase Messaging (FCM)
- cloud_firestore for Firebase Cloud Firestore
构建插件
如果未找到适合自己的插件，可以根据developing packages and plugins页面来构建自己的插件。
Flutter 的插件结构，简要来说，就像 Android 中的 Event bus。你发送一个消息，并让接受者处理并反馈结果给你。在这种情况下，接受者就是在 Android 或 iOS 上的原生代码。
通知
在 Flutter 中，使用firebase_messaging插件来实现这一功能。
参考：信鸽推送
