android:layout_height=“match_parent”
android:background="#000000"
tools:context=".MainActivity">

</android.support.constraint.ConstraintLayout>

Flutter以一个View的方式被装载。

class MainActivity : AppCompatActivity() {

@RequiresApi(Build.VERSION_CODES.LOLLIPOP)
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableSlowWholeDocumentDraw()
setContentView(R.layout.activity_main)
val flutterView = Flutter.createView(this@MainActivity,lifecycle,“route1”)
ViewRegistrant().registerWith(flutterView.pluginRegistry)
val layout = FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.MATCH_PARENT)
content.addView(flutterView, layout)
initWebView()
}
@SuppressLint(“SetJavaScriptEnabled”)
private fun initWebView() {
var webSettings = web.settings
webSettings.javaScriptEnabled = true
webSettings.setSupportZoom(false)
web.requestFocusFromTouch()
web.isVerticalScrollBarEnabled = false
web.isHorizontalScrollBarEnabled = false
web.loadUrl(“https://www.baidu.com”)
}
}

使用val flutterView = Flutter.createView(this@MainActivity,lifecycle,"route1")生成一个FlutterView,然后Add到布局中。“route1”会被传入到Flutter中。

第一步

继承PlatformViewFactory在它的create()方法中返回一个在Flutter中要用的原生View。

这里我返回了一个ImageView

class NativeImageView(createArgsCodec: MessageCodec) : PlatformViewFactory(createArgsCodec) {
override fun create(context: Context, i: Int, o: Any?): PlatformView {
var imageView = ImageView(context)
imageView.layoutParams = ViewGroup.LayoutParams(100, 100)
imageView.background = conte
xt.resources.getDrawable(R.mipmap.ic_launcher)
return object : PlatformView {
override fun getView(): View {
return imageView
}
override fun dispose() {
}
}
}

}

第二步

写一个桥接器,把上面写好的View传进去。

class ViewRegistrant : PluginRegistry.PluginRegistrantCallback {
override fun registerWith(registry: PluginRegistry) {
val key = ViewRegistrant::class.java.canonicalName
if (registry.hasPlugin(key)) return
val registrar = registry.registrarFor(key)
registrar.platformViewRegistry().registerViewFactory(“imageView”, NativeImageView(StandardMessageCodec()))
}
}

这里的"imageView",会在Flutter中用到。

第三步

装载桥接器,把桥接器和我们已经创建好的FlutterView进行绑定。

ViewRegistrant().registerWith(flutterView.pluginRegistry)

最后

把桥接器和我们已经创建好的FlutterView进行绑定。

ViewRegistrant().registerWith(flutterView.pluginRegistry)

最后

Logo

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

更多推荐