添加Flutter到现有Android的项目
创建Android项目
如果你已经有Android项目，可以直接使用。这里我们先创建一个空的android项目来模拟已有的项目，取名叫TestOne
创建Flutter模块
进入你的项目同一层目录，假如你的项目是在...path1/path2/yourApp,那么你应该进入到path2目录中
$ cd ...path1/path2/
$ flutter create -t module my_flutter
上面的命令会创建一个flutter的项目模块，在flutter文件夹中有一个.Android的隐藏文件夹，里面包裹了一个安卓库的工程模块。
你可以尝试用Gradle编译这个库，但这不是必须的步骤：
$ cd .android/
$ ./gradlew flutter:assembleDebug
编译后会在.android/Flutter/build/outputs/aar/路径下产生flutter-debug.aar的文件。
完成后的项目目录是这样的：
将Flutter模块作为依赖添加到主项目
打开你的Android工程的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
)) // new
点击同步完成后，到你app目录的build.gradle文件把依赖加上：
dependencies {
implementation project(':flutter')
}
再次同步完成就已经将Flutter添加到了你的项目了。接下来就可以开始混合开发了。
在Java代码中直接调用Flutter模块
通过使用Flutter.createView,可以直接将Flutter的view添加到Java代码中,如下两种方式：
public class MainActivity extends AppCompatActivity {
private TextView mTextView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mTextView = findViewById(R.id.open_text);
mTextView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
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);
}
});
}
}
或者方式二：
FragmentTransaction tx = getSupportFragmentManager().beginTransaction();
tx.replace(R.id.someContainer, Flutter.createFragment("route1"));
tx.commit();
使用热重载的方法
热重载指的是不用重新启动就看到修改后的效果，类似web网页开发时保存就看到效果的方式。
进入flutter模块，执行命令：
$ cd some/path/my_flutter
$ flutter attach
Waiting for a connection from Flutter on Nexus 5X...
接下来启动你的app，进入到flutter的页面，此时你应该在控制台（终端）看到如下信息：
<table><tr><td bgcolor=#D1EEEE>🔥 To hot reload changes while running, press "r". To hot restart (and rebuild state), press "R".
An Observatory debugger and profiler on Android SDK built for x86 is available at: http://127.0.0.1:61513/
For a more detailed help message, press "h". To detach, press "d"; to quit, press "q".
</td></tr></table>
你可以在my_flutter中编辑Dart code，然后在终端输入r来使用热重载。你也可以在浏览器中输入上面的URL来查看断点、分析内存和其他的调试任务。
欢迎继续学习相关的其他系列教程，关注我们TryEnough
