最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js實(shí)現(xiàn)界面向原生界面發(fā)消息并跳轉(zhuǎn)功能

 更新時(shí)間:2016年11月22日 14:20:57   作者:bury_pen  
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)界面向原生界面發(fā)消息并跳轉(zhuǎn)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了js界面向原生界面發(fā)消息并跳轉(zhuǎn)的具體代碼,供大家參考,具體內(nèi)容如下

步驟一
在idea中,打開rn項(xiàng)目下的./Android/app,這個(gè)過(guò)程需要一點(diǎn)兒時(shí)間,可能還需要下載gradle的依賴什么的。

步驟二
跟做原生app沒(méi)差,我們新建一個(gè)TestActivity,簡(jiǎn)單起見(jiàn),僅實(shí)現(xiàn)如下:

public class TestActivity extends AppCompatActivity {

  private Button mBtGoBack;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_test);
    mBtGoBack = (Button) findViewById(R.id.bt_go_back);
    mBtGoBack.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        finish();
      }
    });

  }
}

步驟三
寫一個(gè)類ExampleInterface extends ReactContextBaseJavaModule,在該類中接收消息。
具體代碼:

public class ExampleInterface extends ReactContextBaseJavaModule {

  private ReactApplicationContext mRApplicationContext;

  public ExampleInterface(ReactApplicationContext reactContext) {
    super(reactContext);
    mRApplicationContext = reactContext;
  }

  //RN使用這個(gè)名稱來(lái)調(diào)用原生模塊的其他函數(shù)
  @Override
  public String getName() {
    return "ExampleInterface";
  }
  //必須寫@ReactMethod,將其注冊(cè)為能夠被React調(diào)用的函數(shù)
  @ReactMethod
  public void HandlerMessage(String aMessage){
    Log.d("lt","====receive message from RN==="+aMessage);
     //這部分實(shí)現(xiàn)簡(jiǎn)單的跳轉(zhuǎn)
    Intent intent = new Intent(mRApplicationContext,TestActivity.class);
    intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
    mRApplicationContext.startActivity(intent); 
  }

}

步驟四

實(shí)現(xiàn)一個(gè)包管理器,并將接收消息的類ExampleInterface,注冊(cè)進(jìn)去。
代碼如下:

public class AnExampleReactPackage implements ReactPackage {

  @Override
  public List<NativeModule> createNativeModules(ReactApplicationContext reactApplicationContext) {
    List<NativeModule> modules = new ArrayList<>();
    modules.add(new ExampleInterface(reactApplicationContext));
    return modules;
  }

  @Override
  public List<Class<? extends JavaScriptModule>> createJSModules() {
    return Collections.emptyList();
  }

  @Override
  public List<ViewManager> createViewManagers(ReactApplicationContext reactApplicationContext) {
    return Collections.emptyList();
  }
}

步驟五
在MainApplication中添加包管理類AnExampleReactPackage;

 @Override
  protected List<ReactPackage> getPackages() {
   return Arrays.<ReactPackage>asList(
     new MainReactPackage(),
     new AnExampleReactPackage()
   );
  }

步驟六
在js界面,發(fā)送消息;

buttonPress:function(){
  NativeModules.ExampleInterface.HandlerMessage('test');
  }

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • js中延遲加載和預(yù)加載的具體使用

    js中延遲加載和預(yù)加載的具體使用

    這篇文章主要介紹了js中延遲加載和預(yù)加載的具體使用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-01-01
  • 微信小程序?qū)崿F(xiàn)同時(shí)上傳多張圖片

    微信小程序?qū)崿F(xiàn)同時(shí)上傳多張圖片

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)同時(shí)上傳多張圖片,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-02-02
  • 使用HTML5+Boostrap打造簡(jiǎn)單的音樂(lè)播放器

    使用HTML5+Boostrap打造簡(jiǎn)單的音樂(lè)播放器

    這篇文章主要介紹了使用HTML5+Boostrap打造簡(jiǎn)單的音樂(lè)播放器 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-08-08
  • js讀取cookie方法總結(jié)

    js讀取cookie方法總結(jié)

    這篇文章主要介紹了js讀取cookie方法,實(shí)例總結(jié)了四種常用的讀取方法,包含了對(duì)cookie數(shù)據(jù)的分割與遍歷操作,是非常實(shí)用的技巧,需要的朋友可以參考下
    2014-10-10
  • 前端如何寫一個(gè)大文件上傳組件詳細(xì)步驟

    前端如何寫一個(gè)大文件上傳組件詳細(xì)步驟

    在現(xiàn)代Web應(yīng)用中,大文件上傳是一個(gè)常見(jiàn)的需求,尤其是在云存儲(chǔ)、社交媒體和協(xié)作平臺(tái)等領(lǐng)域,這篇文章主要介紹了前端如何寫一個(gè)大文件上傳組件詳細(xì)步驟,需要的朋友可以參考下
    2025-04-04
  • JS實(shí)現(xiàn)頁(yè)面打印(整體、局部)

    JS實(shí)現(xiàn)頁(yè)面打?。ㄕw、局部)

    本篇文章主要介紹了JS實(shí)現(xiàn)頁(yè)面打?。ㄕw、局部),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-08-08
  • layui 實(shí)現(xiàn)加載動(dòng)畫以及非真實(shí)加載進(jìn)度的方法

    layui 實(shí)現(xiàn)加載動(dòng)畫以及非真實(shí)加載進(jìn)度的方法

    今天小編就為大家分享一篇layui 實(shí)現(xiàn)加載動(dòng)畫以及非真實(shí)加載進(jìn)度的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-09-09
  • JavaScript實(shí)現(xiàn)復(fù)選框全選和取消全選

    JavaScript實(shí)現(xiàn)復(fù)選框全選和取消全選

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)復(fù)選框全選和取消全選,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • 詳解JavaScript如何實(shí)現(xiàn)一個(gè)簡(jiǎn)易的Promise對(duì)象

    詳解JavaScript如何實(shí)現(xiàn)一個(gè)簡(jiǎn)易的Promise對(duì)象

    Promise對(duì)象的作用將異步操作以同步操作的流程表達(dá)出來(lái),避免層層嵌套的回調(diào)函數(shù),而且Promise提供了統(tǒng)一的接口,使得控制異步操作更加容易。本文介紹了如何實(shí)現(xiàn)一個(gè)簡(jiǎn)單的Promise對(duì)象,需要的可以參考一下
    2022-11-11
  • 用js實(shí)現(xiàn)輸入提示(自動(dòng)完成)的實(shí)例代碼

    用js實(shí)現(xiàn)輸入提示(自動(dòng)完成)的實(shí)例代碼

    用js實(shí)現(xiàn)輸入提示(自動(dòng)完成)的實(shí)例代碼,需要的朋友可以參考一下
    2013-06-06

最新評(píng)論

横峰县| 普陀区| 太湖县| 宜宾市| 固原市| 吉木萨尔县| 涟水县| 曲松县| 广西| 留坝县| 丹东市| 新民市| 新建县| 信阳市| 肃南| 浠水县| 胶南市| 安顺市| 大港区| 砚山县| 白玉县| 台湾省| 合江县| 齐河县| 扶余县| 肥西县| 墨江| 博兴县| 讷河市| 德令哈市| 刚察县| 合阳县| 静宁县| 长宁县| 中方县| 余姚市| 湘西| 鹤壁市| 芷江| 南城县| 陇南市|