Flutter框架分析:EventChannel

1. 前言

本文主要讲解如何使用EventChannel的示例。

2. 使用流程

EventChannel一般用于事件流的传递,用于将Platform的点击等一系列事件等传递至Platform,仅支持nativeFlutter的单向传递,接下来将分析其使用流程。

流程如下:

1)native端创建某channel name的EventChannel

2)native端使用setStreamHandler函数,设置该EventChannelStreamHandler

3)Flutter端创建该channel name的EventChannel

4)Flutter端创建该EventChannel的广播流,通知native端channel创建完毕,并注册广播接收函数。

5)native端刚刚注册的StreamHandler收到发送的消息,在onListen中处理消息,拿到其中的EventSink接口,通过该接口给Flutter端传递广播。

6)Flutter端处理该广播。

其流程图如下:

Flutter框架分析-EventChannel

Flutter端关键代码如下:

class _EventChannelState extends State<EventChannelWidget> {
  EventChannel _eventChannelPlugin = EventChannel('flutter2/testeventchannel');
  StreamSubscription _streamSubscription;

  @override
  void initState() {
    _streamSubscription = _eventChannelPlugin
        .receiveBroadcastStream(["abc", 123, "你好"]).listen(_onToDart,
            onError: _onToDartError, onDone: _onDone);
    super.initState();
  }

  @override
  void dispose() {
    if (_streamSubscription != null) {
      _streamSubscription.cancel();
      _streamSubscription = null;
    }
    super.dispose();
  }
  void _onToDart(message) {
    print("eventchanneltest _onToDart $message");
  }
  void _onToDartError(error) {
    print("eventchanneltest _onToDartError $error");
  }
  void _onDone() {
    print("消息传递完毕");
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("event channel test"),
      ),
    );
  }
}

native端关键代码如下:

class EventChannelActivity : FlutterActivity(), EventChannel.StreamHandler {
    private var eventSink: EventSink? = null

    private var mHandler: Handler? = null
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        mHandler = Handler()
    }

    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        Log.d("FirstNativeActivity", "configureFlutterEngine")
        initChannel(flutterEngine)
    }

    private fun initChannel(flutter2Engine: FlutterEngine) {
        EventChannel(flutter2Engine.dartExecutor, STREAM).setStreamHandler(this)
    }

    override fun onListen(arguments: Any, events: EventSink) {
        eventSink = events
        Log.i(TAG, "onListen Object:$arguments")
        Toast.makeText(this, "onListen——obj:$arguments", Toast.LENGTH_SHORT).show()
        mHandler!!.postDelayed({
            eventSink!!.success("hello")
            eventSink!!.endOfStream()
        }, 3000)
    }

    override fun onCancel(arguments: Any) {
        Log.i(TAG, "onCancel:$arguments")
        Toast.makeText(this, "onCancel——obj:$arguments", Toast.LENGTH_SHORT).show()
        eventSink = null
    }

    companion object {
        private const val TAG = "eventchanneltest"
        const val STREAM = "flutter2/testeventchannel"
        fun startActivity(activity: Activity) {
            val intent = Intent(activity, EventChannelActivity::class.java)
            activity.startActivity(intent)
        }
    }
}

3. 小结

本文主要介绍了EventChannel的使用流程,并列举了一个使用EventChannel的示例。

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.net/procedure/27005.html

发表评论

登录后才能评论