Android工程集成flutter
官方方案
https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps
第一個步：
新建一個標準的APP工程testFlutterInAPP罗岖，APP目錄下面通過命令創(chuàng)建flutter模塊工程
flutter create -t module my_flutter
image.png
編譯flutter 代碼生成Android的AAR文件
$ cd .android/
$ ./gradlew flutter:assembleDebug
AAR 文件生成到.android/Flutter/build/outputs/aar/目錄下面
添加Host APP 依賴flutter module 模塊鳍烁，在setting.gradle 文件中加入
include ':app' // assumed existing content
setBinding(new Binding([gradle: this])) // new
evaluate(new File( // new
settingsDir.parentFile, // new
'my_flutter/.android/include_flutter.groovy' // new
))
app/build.gradle 增加對flutter 工程依賴
// testFlutterInAPP/app/build.gradle
dependencies {
implementation project(':flutter')
}
構(gòu)建成功后妈倔，執(zhí)行Android的run啟動應(yīng)用 ,點擊打開flutter 。
image.png
Java 層代碼
openFlutter.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
View flutterView = Flutter.createView(
MainActivity.this,
getLifecycle(),
"route1"
);
FrameLayout.LayoutParams layout = new FrameLayout.LayoutParams(600, 800);
layout.leftMargin = 100;
layout.topMargin = 200;
addContentView(flutterView, layout);
}
});
flutter 代碼
import 'dart:ui';
import 'package:flutter/material.dart';
void main() => runApp(_widgetForRoute(window.defaultRouteName));
Widget _widgetForRoute(String route) {
switch (route) {
case 'route1':
return new MyApp();
case 'route2':
return new MyApp();
default:
return Center(
child: Text('Unknown route1 : $route', textDirection: TextDirection.ltr),
);
}
return new MyApp();
}
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
theme: new ThemeData(
primarySwatch: Colors.blue,
),
home: new MyHomePage(title: 'Flutter Demo 1111'
'Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
void _incrementCounter() {
setState(() {
_counter++;
});
}
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text(widget.title),
),
body: new Center(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new Text(
'You have pushed the button this many times:',
),
new Text(
'$_counter',
style: Theme.of(context).textTheme.display1,
),
],
),
),
floatingActionButton: new FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: new Icon(Icons.add),
), // This trailing comma makes auto-formatting nicer for build methods.
);
}
}
運行 flutter 工程 ，進入my_flutter 目錄執(zhí)行flutter run 命令
image.png
即可啟動flutter 曲秉，r == hot reload R == hot restart
q == quit d == detach,
或者啟動Android應(yīng)用調(diào)試
image.png
但是，好像DEBUG無效？胸嘁？
