<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          RN混合開發,React Native與原生android和ios的交互通信

          時間:?2017-10-24閱讀:?5421標簽:?交互

          在使用react-native混合開發,經常會遇到一種場景:當原生頁面的數據更新,返回RN的頁面,一下相關數據并未刷新。這里就需要一個轉發機制,然后原生應用通過事件的形式通知react-native更新數據,最新版的react-native文檔中并未說明,下面講解一下如何實現:

          Android通訊

          React-Native代碼 : 

          import { DeviceEventEmitter , Platform } from 'react-native';

          componentWillMount(){//頁面被渲染之前執行 if(Platform.OS=='android'){ DeviceEventEmitter.addListener('EventRefresh', (obj)=>{//android監聽事件EventRefresh, this._getData(); }); } }

          Android代碼:

          WritableMap params = Arguments.createMap();  
          params.putString("message",msg.obj.toString());  
          reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class).emit('EventRefresh', params);//名稱,數據
          IOS通訊

          React-Native代碼 : 

          import { NativeEventEmitter , Platform } from 'react-native';
          componentDidMount(){//組件加載完畢執行
                  try{
                      if(Platform.OS=='ios'){
                          const navigationEmitter = new NativeEventEmitter(Global.kmrn.service);
                          this._refresh=navigationEmitter.addListener('EventRefresh', (obj) => {//ios監聽事件刷新數據
                              this._getData();
                          });
                      }
                  }catch(e){
                      console.log("KMRNService錯誤:"+e);
                  }    
              }

          IOS代碼:  

          //自定義的模塊類頭文件要繼承自RCTEventEmitter

          #import "RCTEventEmitter.h" @interface ChivoxISE : RCTEventEmitter<RCTBridgeModule> //然后要導出你所有的方法名字 - (NSArray<NSString *> *)supportedEvents { return @[@"EventRefresh", @"other"]; } //分別實現你導出的所有方法,里面都使用sendEventWithName 方法即可 -(void)iseCallback:(NSString*)code result:(NSString*) result { [self sendEventWithName:@"EventRefresh" body:@{ @"code": code, @"result": result, }]; }


          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

          3.廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入

          鏈接: http://www.modern-decoration.com.cn/article/detial/9

          three.js 事件交互

          在three.js中,展示的一切內容都是在canvas中繪制的,所以點擊事件點擊到物體上是無法獲取點擊對象的,要獲取點擊的對象要使用RayCaster,用于在三維空間中進行鼠標拾取

          網站交互、開發方式和前端框架介紹

          這個世界唯一不變的可能就是變化,歷史的車輪滾滾向前,它不會因任何人的消極緩慢而停止。時代拋棄你時,連一聲再見都不會說。從最開始的Javascrpit、到后來的Jquery、(ExtJs、EasyUI、MiniUI)、Bootstrap、Layui

          H5必知必會之與App交互

          本文將就此主題深入探討H5與App交互的幾種常見模式。首先聲明,本文涉及的H5與App交互協議和模式沒有什么特別獨到之處,相反,它們恰恰是在業界既有經驗基礎上結合項目實際歸納提煉出來的。

          設計師們做UI設計和交互設計、界面設計等一般會去什么網站呢?

          明明可靠顏值吃飯,卻偏偏要靠才華立身,UI設計師就是這樣一群神奇的物種。面對“大的同時小一點”、“五彩斑斕黑”、“下班之前給我”……這些甲方大大刁鉆的需求,設計師每天都在咬牙微笑討生活。

          H5頁面基于接口實現數據交互

          對于現在APP開發來說,目前流行的兩個方式是原生和H5。就如同之前業界程序猿爭論的BS和CS之爭一樣,業界對于H5和原生也有不小的爭論。對于前者的爭論在于PC端,后者在于移動端上體現。

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全運營推廣

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网