实现 Flutter 与 安卓的混合开发有两种方法:

在安卓原生项目上使用 Flutter

在 Flutter 项目上调用原生 java 代码(本次使用的方法)

dart 语言无法实现安卓底层操作,比如获取手机电量,打开摄像头等。这时候就有必要混合 Java 代码实现上述功能。下面将在 Flutter 项目上调用原生 Java 代码。

我们新建 Flutter 项目时,会自动给我们一个点击按钮数字增加的示例,但这是完全使用 dart 语言实现的,下面我们将把数字增加的功能交给原生 Java 代码实现。

1 .新建 Flutter 项目,main.dart 代码如下:

import 'package:flutter/material.dart';

import 'dart:async';

import 'package:flutter/services.dart';

void main() {

runApp(MyApp());

}

//定义app整体风格

class MyApp extends StatelessWidget {

final String title = '计数器';

@override

Widget build(BuildContext context) {

return MaterialApp(

title: title,

theme: ThemeData(

primarySwatch: Colors.lightBlue,

),

home: HomePage(title: title),

);

}

}

//app主页

class HomePage extends StatefulWidget {

final String title;

HomePage({Key key, this.title}) : super(key : key);

@override

HomePageState createState() {

return new HomePageState();

}

}

//app主页状态,数字增加通过原生代码实现

class HomePageState extends State{

//计数器

int _counter = 0;

//定义通道,作为通信标识符

static const platform = const MethodChannel("add");

//调用原生方法实现计数器自增

FutureincrementCount() async {

int result = 0;

try {

//参数为方法名称

result = await platform.invokeMethod("getNumber");

} on PlatformException catch (e) {

print(e.message);

}

//获取结果后改变界面状态,更新界面

setState(() {

_counter = result;

});

}

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

title: Text(widget.title),

),

body: Center(

child: Column(

//主轴居中对齐

mainAxisAlignment: MainAxisAlignment.center,

children: [

Text('点击按钮次数:'),

Text(

'$_counter',

style: TextStyle(fontSize: 20.0, color: Colors.lightBlue),

),

],

),

),

floatingActionButton: FloatingActionButton(

onPressed: incrementCount,

tooltip: '增加数字',

child: Icon(Icons.add),

),

);

}

}

2 .右键项目名——>Flutter——>在AS中打开

c6bb3a048a0f8c15eef72607a39979e7.png

在 MainActivity 中编写下面代码:

package com.example.flutter_add_demo;

import android.os.Bundle;

import io.flutter.app.FlutterActivity;

import io.flutter.plugin.common.MethodCall;

import io.flutter.plugin.common.MethodChannel;

import io.flutter.plugins.GeneratedPluginRegistrant;

public class MainActivity extends FlutterActivity {

private static final String channel = "add";

private int count = 0;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

new MethodChannel(getFlutterView(),channel).setMethodCallHandler(

new MethodChannel.MethodCallHandler() {

@Override

public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) {

if (methodCall.method.equals("getNumber")) {

result.success(getNumber());

} else {

result.notImplemented();

}

}

}

);

GeneratedPluginRegistrant.registerWith(this);

}

//数字自增方法

private int getNumber() {

return ++count;

}

}

最后效果和官方给的示例一致,只是计数器的数字自增是通过原生 Java 代码实现的

db5145ccd4ba0f0466d923453611e9d4.png

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐