亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

步驟一
在idea中,打開rn項目下的./Android/app,這個過程需要一點兒時間,可能還需要下載gradle的依賴什么的。

步驟二
跟做原生app沒差,我們新建一個TestActivity,簡單起見,僅實現(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();
      }
    });

  }
}

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

public class ExampleInterface extends ReactContextBaseJavaModule {

  private ReactApplicationContext mRApplicationContext;

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

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

}

步驟四

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

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');
  }

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

相關(guān)文章

  • Javascript控制input輸入時間格式的方法

    Javascript控制input輸入時間格式的方法

    這篇文章主要介紹了Javascript控制input輸入時間格式的方法,涉及鼠標事件及正則表達式的靈活應(yīng)用,需要的朋友可以參考下
    2015-01-01
  • JavaScript引用類型Date常見用法實例分析

    JavaScript引用類型Date常見用法實例分析

    這篇文章主要介紹了JavaScript引用類型Date常見用法,結(jié)合實例形式分析了引用類型Date基本創(chuàng)建、參數(shù)使用及相關(guān)注意事項,需要的朋友可以參考下
    2018-08-08
  • JS實現(xiàn)選項卡效果的代碼實例

    JS實現(xiàn)選項卡效果的代碼實例

    這篇文章主要介紹了JS選項卡效果,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • html+css+js實現(xiàn)canvas跟隨鼠標的小圓特效源碼

    html+css+js實現(xiàn)canvas跟隨鼠標的小圓特效源碼

    這篇文章主要介紹了html+css+js實現(xiàn)canvas跟隨鼠標的小圓特效源碼,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-03-03
  • 火狐和ie下獲取javascript 獲取event的方法(推薦)

    火狐和ie下獲取javascript 獲取event的方法(推薦)

    下面小編就為大家?guī)硪黄鸷蚷e下獲取javascript 獲取event的方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • Angular+Bootstrap+Spring Boot實現(xiàn)分頁功能實例代碼

    Angular+Bootstrap+Spring Boot實現(xiàn)分頁功能實例代碼

    這篇文章主要介紹了Angular+Bootstrap+Spring Boot實現(xiàn)分頁功能實例代碼,需要的朋友可以參考下
    2017-07-07
  • 開發(fā)用到的js封裝方法(20種)

    開發(fā)用到的js封裝方法(20種)

    在本問中我們給大家總結(jié)了20種開發(fā)中常用到的JS封裝方法,有需要的讀者們可以學(xué)習(xí)下。
    2018-10-10
  • JavaScript實現(xiàn)的多種鼠標拖放效果

    JavaScript實現(xiàn)的多種鼠標拖放效果

    這篇文章主要介紹了JavaScript實現(xiàn)的多種鼠標拖放效果,涉及JavaScript響應(yīng)鼠標事件動態(tài)變換頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-11-11
  • Three.js快速入門教程

    Three.js快速入門教程

    這篇文章主要為大家詳細介紹了Three.js快速入門教程,幫助大家快速入門,感興趣的小伙伴們可以參考一下
    2016-09-09
  • laypage.js分頁插件使用方法詳解

    laypage.js分頁插件使用方法詳解

    這篇文章主要為大家詳細介紹了laypage.js分頁插件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-07-07

最新評論