添加Flutter模塊到已有項目(Android)

創建Flutter模塊

#進入指定目錄
$ cd 
#使用命令創建flutter模塊,flutter_module是模塊名
$ flutter create -t module flutter_module

主工程配置

app的build.gradle

android{
	......
	compileOptions {
	  sourceCompatibility 1.8
	  targetCompatibility 1.8
	}	
}

dependencies {
  implementation project(':flutter')
}

settings.gradle

#原有的代碼
include ':app'
#新增的代碼                                     
setBinding(new Binding([gradle: this]))                                
evaluate(new File(                                                      
  settingsDir.parentFile,
  #flutter模塊路徑                                               
  'my_flutter/.android/include_flutter.groovy'                          
))                                                                      

通過以上配置,sync後,在Android Studio目錄結構中,就會多出一個flutter模塊.

編寫Widget

使用window.defaultRouteName()獲取當前Android傳入的標識符.
在main.dart中編寫以下代碼

import 'dart:ui';
import 'package:flutter/material.dart';

void main() => runApp(_widgetForRoute(window.defaultRouteName));

//根據不同的標識符,返回不同的Widget.
Widget _widgetForRoute(String route) {
  switch (route) {
    case 'route1':
      return SomeWidget(...);
    case 'route2':
      return SomeOtherWidget(...);
    default:
      return Center(
        child: Text('Unknown route: $route', textDirection: TextDirection.ltr),
      );
  }
}

Java代碼獲取Flutter的Widget

使用Flutter.createView(Context,Lifecycle,string)獲取widget.

//獲取Flutter Widget
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //route1代表傳入的標識符
		View flutterView = Flutter.createView(
			MainActivity.this,
			getLifecycle(),
			"route1"
		);
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章