Flutter_Boost v0.1.5升级 Android版本

1.新特性

  1. 支持Flutter 1.5
  2. 从老版的复用FlutterView,到新版的建立新的实例
  3. 新版建立新的的实例Flutter,能够避免白屏,闪屏,黑屏等现象
  4. 推荐使用ContainerLifeCycle observer来监听APP的生命周期
  5. 移除了xservice通讯插件

2.主要的API变化

IPlatformgit

移除一下代码github

Activity getMainActivity();
boolean startActivity(Context context,String url,int requestCode);
Map getSettings();
复制代码

新增长json

void registerPlugins(PluginRegistry registry) 方法
void openContainer(Context context,String url,Map<String,Object> urlParams,int requestCode,Map<String,Object> exts);
void closeContainer(IContainerRecord record, Map<String,Object> result, Map<String,Object> exts);
IFlutterEngineProvider engineProvider();
int whenEngineStart();
复制代码

这个Api变化主要是在Application初始化的时候的修改bash

以上是Flutter_boost github上面的说明,具体能够查看ide

3.接入指南

接入的方式主要是在V0.0.420版本上面作的修改,V0.0.420的接入方式能够参考我以前的文章函数

旧版本 Application类的修改

public class MyApplication extends Application {

  @Override
  public void onCreate() {
    super.onCreate();
    FlutterBoostPlugin.init(new IPlatform() {
      @Override
      public Application getApplication() {
        return MyApplication.this;
      }

      /**
       * get the main activity, this activity should always at the bottom of task stack.
       */
      @Override
      public Activity getMainActivity() {
        return MainActivity.sRef.get();
      }

      @Override
      public boolean isDebug() {
        return false;
      }

      /**
       * start a new activity from flutter page, you may need a activity router.
       */
      @Override
      public boolean startActivity(Context context, String url, int requestCode) {
        return PageRouter.openPageByUrl(context,url,requestCode);
      }

      @Override
      public Map getSettings() {
        return null;
      }
    });
  }
}
复制代码

能够继承FlutterApplication,直接使用,不继承FlutterApplication 的话须要在使用Flutter的Activity中onCreate加入 FlutterMain.startInitialization(this); 以下所示测试

@CallSuper
  public void onCreate() {
   FlutterMain.startInitialization(this);
    super.onCreate();
  }
复制代码

其实对应的FlutterApplication是很简单的,主要仍是在onCreate中优化

public class FlutterApplication extends Application {
  private Activity mCurrentActivity = null;

  public FlutterApplication() {
  }

  @CallSuper
  public void onCreate() {
    super.onCreate();
    FlutterMain.startInitialization(this);
  }

  public Activity getCurrentActivity() {
    return this.mCurrentActivity;
  }

  public void setCurrentActivity(Activity mCurrentActivity) {
    this.mCurrentActivity = mCurrentActivity;
  }
}
复制代码

新版本 Application类的修改

public class MyApplication extends FlutterApplication {
    @Override
    public void onCreate() {
        super.onCreate();

        FlutterBoost.init(new Platform() {

            @Override
            public Application getApplication() {
                return MyApplication.this;
            }

            @Override
            public boolean isDebug() {
                return true;
            }

            @Override
            public void openContainer(Context context, String url, Map<String, Object> urlParams, int requestCode, Map<String, Object> exts) {
                PageRouter.openPageByUrl(context,url,urlParams,requestCode);
            }

            @Override
            public IFlutterEngineProvider engineProvider() {
                return new BoostEngineProvider(){
                    @Override
                    public BoostFlutterEngine createEngine(Context context) {
                        return new BoostFlutterEngine(context, new DartExecutor.DartEntrypoint(
                                context.getResources().getAssets(),
                                FlutterMain.findAppBundlePath(context),
                                "main"),"/");
                    }
                };
            }

            @Override
            public int whenEngineStart() {
                return IMMEDIATELY;
            }
        });
    }
}

复制代码

移除和新增代码,前面讲了,这里主要讲一下whenEngineStart()函数,其返回值有两个ui

int IMMEDIATELY = 0;          //当即启动引擎
 int ANY_ACTIVITY_CREATED = 1; //当有任何Activity建立时,启动引擎
复制代码

官方demo给的默认值是ANY_ACTIVITY_CREATED 建立Activity 都会启动,主要是控制引擎的初始化时机this

engineProvider()返回一个Flutter引擎提供者,BoostEngineProvider,主要看其内部的createEngine()方法

@Override
public BoostFlutterEngine createEngine(Context context) {
    return new BoostFlutterEngine(context, new DartExecutor.DartEntrypoint(
            context.getResources().getAssets(),
            FlutterMain.findAppBundlePath(context),
            "main"),"/");
}
复制代码

这里大体讲一下其中的main字符,这个主要是在BoostFlutterEngine内部建立引擎的时候,设置对应的Flutter 执行的main函数也就是Flutter代码的执行的入口,斜杠主要是初始化路由用的

4.Flutter混合库函数升级Flutter_boost

修改版本信息v0.1.52,最新版

移除

FlutterBoost.handleOnStartPage();
复制代码

打开页面不带参数

FlutterBoost.singleton.openPage("second", {}, animated: true);
<!--修改为-->
FlutterBoost.singleton.open("second")
复制代码

打开页面带参数

FlutterBoost.singleton.openPage("sample://nativePage", {
                  "query": {"aaa": "bbb"}
                }),
<!--修改为-->
  FlutterBoost.singleton.open("sample://nativePage", urlParams:{
                  "query": {"aaa": "bbb"}
                }),
复制代码

关闭页面

FlutterBoost.singleton.closePageForContext(context);
<!--修改为-->
BoostContainerSettings settings = BoostContainer.of(context).settings;
FlutterBoost.singleton.close(settings.uniqueId,result: {"result":"data from second"});
复制代码

5.iOS相关的升级

写好flutter插件相关的以后,再iOS端接入就比较简单了

再命令行执行

pod install
复制代码

就会升级完flutter_boost的插件,主要再API层面的改动和Android差很少,就是open/close两个方法,具体以下

升级前
- (void)openPage:(NSString *)name params:(NSString *)json animated:(BOOL)animated completion:(void (^)(BOOL))completion

- (void)closePage:(NSString *)uid
         animated:(BOOL)animated
           params:(NSDictionary *)params
       completion:(void (^)(BOOL finished))completion;

升级后
#pragma mark - Boost 1.5
- (void)open:(NSString *)name
   urlParams:(NSDictionary *)params
        exts:(NSDictionary *)exts
  completion:(void (^)(BOOL))completion
  
- (void)close:(NSString *)uid
   result:(NSDictionary *)result
     exts:(NSDictionary *)exts
completion:(void (^)(BOOL finished))completion;

复制代码

总结

  1. 目前发如今一些低端的Android机器,入14年15年的手机,仍是存在页面跳转的Frame Render字样的出现,高端机器通过测试没这现象,这个查看flutter_boost的源码发现能够修改对应的方法能够避免
//继承BoostFlutterActivity修改
BoostFlutterActivity#createRenderingProgressCover()方法能够避免

复制代码

2.一样的低端机器,再native界面回退到Flutter页面会存在白屏闪一下的现象,应该是在恢复Flutter相关的绘制时候致使的,期待后续的优化

相关文章
相关标签/搜索