Flutter與Native交互的方式

Flutter與Native交換主要是使用PlatformChannel功能

PlatformChannel

Platformchannle分為三種類型

  • BasicMessageChannel
  • MethodChannel
  • EventChannel

BasicMessageChannel

用于傳遞數(shù)據(jù)韭畸。Flutter與原生項(xiàng)目的資源是不共享的分蓖,可以通過BasicMessageChannel 來獲取Native項(xiàng)目的圖標(biāo)等資源

MethodChannel

傳遞方法調(diào)用。Flutter主動調(diào)用Native的方法邪媳,并獲取相應(yīng)的返回值。比如獲取系統(tǒng)電量扩氢,發(fā)起Toast等系統(tǒng)API唉堪,可以通過這個(gè)完成据德。

EventChannel

傳遞事件。Native將時(shí)間通知到Flutter蔽豺。比如Flutter需要監(jiān)聽網(wǎng)絡(luò)情況区丑。EventChannel可以將Flutter的一個(gè)監(jiān)聽器交給Native,Native去做網(wǎng)絡(luò)廣播的監(jiān)聽修陡,當(dāng)收到廣播之后借助 EventChannel調(diào)用Flutter注冊的監(jiān)聽刊苍,完成對Flutter的事件通知。

具體實(shí)現(xiàn)

BasicMessageChannel

  • Flutter

    static const messageChannel = const BasicMessageChannel('samples.flutter.io/message', StandardMessageCodec());
    
    static const messageChannel2 = const BasicMessageChannel('smaples.flutter.io/message2', StandardMessageCodec());
    
    Future<String> sendMessage() async {
        String reply = await messageChannel.send('發(fā)送給Native的數(shù)據(jù)');
        print('reply: $reply');
        return reply;
    }
    
    void receiveMessage() {
        messageChannel2.setMessageHandler((message) async {
           print('message : $message');
            return '從Native端返回來的數(shù)據(jù)'濒析;
        });
    }
    
    @Override
    void initState() {
        super.initState();
        receiveMessage();
        sendMessage();
    }
    
  • iOS 先不動

  • Android

    BasicMessageChanngl messageChannel = new BasicMessageChannel<Object>(getFlutterView(), "samples.flutter.io/message2", StandardMessageCodes.INSTANCE);
    
    // 接收來自Flutter的消息
    messageChannel.setMessageHandler(new BasicMessageChannel.MessageHandler<Object>() {
        @Override
        public void onMessage(object o, BasicMessageChannel.Reply<Object> reply) {
            Log.d("jimbray", "OnMessage" + o);
            reply.reply("返回給Flutter的數(shù)據(jù)");
        }
    });
    
    // 發(fā)送數(shù)據(jù)給Flutter
    BasicMessageChannel messageChannel2 = new BasicMessageChannel<Object>(
    getFlutterView(), "samples.flutter.io/message2", StandardMessageCodec.INSTANCE);
    
    // 發(fā)送消息到Flutter
    messageChannel2.send("發(fā)送到Flutter的消息", new BasicMessageChannel.Reply<Object>() {
       @Override
        public void reply(Object o) {
            Log.d("jimbray", "onReply: " + o);
        }
    });
    

MethodChannel

  • Flutter

    static const platform = const MethodChannel('samples.flutter.io/battery');
    
    Future<Null> _getBatteryLevel() async {
        String batteryLevel;
        try {
          final int result = awai platform.invokeMethod('getBatteryLevel');
          batteryLevel = 'BatteryLevel at $result %';
        } on PlatformException catch(e) {
            batterylevel = 'Failed to get battery levet: "${e.message}".';
        }
        
        setState(() {
            _batteryLevel = batterLevel;
        })正什;
    }
    
  • iOS先不動

  • Android

    new MethodChannel(getFlutterView(), "samples.flutter.io/battery").setMethodCallHandler(new MethodCallHandler() {
        @Override
        public void onMethodCall(MethodCall call, Result result) {
            if (call.method.equals("getBatteryLevel")) {
                int batteryLevel = _getBatteryLevel();
                
                if (batteryLevel != -1) {
                    result.success(batteryLevel);
                } else {
                    result.error("UNAVAILABLE", "Battery level is not available.", null);
                }
            } else {
                result.notImplemented();
            }
        }
    });
    
    private int getBatterylevel() {
        // 實(shí)現(xiàn)Android平臺的 getBatteryLevel 代碼即可
    }
    

EventChannel

  • Flutter

    static const EventChannel _eventChannel = const EventChannel('samples.flutter.io/test');
    
    void _onEvent(Object event) {
        print('從Native發(fā)送過來的消息內(nèi)容: $event');
    }
    
    void _onError(Object error) {
        print('從Native發(fā)送過來的錯(cuò)誤');
    }
    
    @Override
    void initState() {
        super.initState();
        _eventChannel.receiveBroadcastStream().listen(_onEvent, onError: _onError);
    }
    
  • iOS先不動

  • Android

    new EventChannel(getFlutterView(), "samples.flutter.io/test").setStreanHandler(
    new EventChannel.StreamHandler() {
        @Override
        public void onListen(Object o, EventChannel.EventSink eventSink) {
            this.eventSink = eventSink;
        }
        
        @Override
        public void onCancel(Object o) {
            
        }
        
        
    });
    
    private EventChannel.EventSink eventSink;
    private int count = 0;
    
    private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage();
            eventSink.success((count++) + "主動發(fā)送消息到Flutter")号杏;
        }
    }
    
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末婴氮,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子盾致,更是在濱河造成了極大的恐慌主经,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件庭惜,死亡現(xiàn)場離奇詭異罩驻,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)护赊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進(jìn)店門惠遏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人骏啰,你說我怎么就攤上這事节吮。” “怎么了判耕?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵透绩,是天一觀的道長。 經(jīng)常有香客問我,道長帚豪,這世上最難降的妖魔是什么碳竟? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮狸臣,結(jié)果婚禮上瞭亮,老公的妹妹穿的比我還像新娘。我一直安慰自己固棚,他們只是感情好统翩,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著此洲,像睡著了一般厂汗。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上呜师,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天娶桦,我揣著相機(jī)與錄音,去河邊找鬼汁汗。 笑死衷畦,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的知牌。 我是一名探鬼主播祈争,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼角寸!你這毒婦竟也來了菩混?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤扁藕,失蹤者是張志新(化名)和其女友劉穎沮峡,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體亿柑,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡邢疙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了望薄。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片疟游。...
    茶點(diǎn)故事閱讀 40,110評論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖式矫,靈堂內(nèi)的尸體忽然破棺而出乡摹,到底是詐尸還是另有隱情,我是刑警寧澤采转,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響故慈,放射性物質(zhì)發(fā)生泄漏板熊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一察绷、第九天 我趴在偏房一處隱蔽的房頂上張望干签。 院中可真熱鬧,春花似錦拆撼、人聲如沸容劳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽竭贩。三九已至,卻和暖如春莺禁,著一層夾襖步出監(jiān)牢的瞬間留量,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工哟冬, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留楼熄,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓浩峡,卻偏偏與公主長得像可岂,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子翰灾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 前言 本文主要介紹 Flutter 與 Android 的混合開發(fā)青柄,關(guān)于 Flutter 與 iOS 的混合開發(fā)后...
    南小夕閱讀 2,134評論 1 10
  • Flutter MethodChannel 學(xué)習(xí) 好久沒寫東西,正好最近有時(shí)間又開始研究起來Flutter预侯,不了解...
    one_cup閱讀 5,421評論 0 2
  • Flutter & Native 混合開發(fā) 項(xiàng)目集成方案 問題 項(xiàng)目中仍有大量業(yè)務(wù)使用 Native 開發(fā)致开。項(xiàng)目引...
    AiLearn閱讀 2,053評論 0 3
  • Flutter作為一種跨平臺解決方案,經(jīng)常會作為一個(gè)模塊嵌入到原生Android與iOS應(yīng)用中萎馅,F(xiàn)lutter與A...
    Android高級開發(fā)閱讀 2,231評論 0 13
  • 許多双戳,回憶定格的瞬間,幸福滿滿糜芳,轉(zhuǎn)念一想飒货,卻也帶著惋惜。又或許峭竣!回憶這東西塘辅,根本沒有定格這瞬間。所以好像很多事情皆撩,...
    purple小姐閱讀 300評論 0 2