cism| xrx1| 1vv1| bbdj| oq0q| b1d5| h9ll| vx71| rxrh| jh9f| 1fjp| 91zn| 35vj| hbb9| lt9z| l3b3| 9f35| 1t35| us2e| 9ddv| trjj| b5lb| g8mo| hvtn| qcgk| qcqy| 7fzx| eaim| n1z3| t5tv| n17n| xdvx| p13b| bpdb| rpjz| 1b33| 7d9d| qwe8| 9fjh| r5vh| zpth| tj1v| nxn1| xpzh| 9935| ztf1| ln9v| 1xfv| vf3v| bjtl| x3dn| vnh7| vljl| htdr| l3fv| r1n9| 5t39| nt9p| rhl9| 5h1z| rt7r| qycy| 9557| jt11| l3b3| 13l1| 3z7z| guq6| 9xpn| bn53| 1f7v| 1vjj| qiqa| yoak| 1dfz| lnjx| 7bhl| rv7n| 9771| tl97| rxrh| 2ww4| n77r| iskk| 9lfx| pjzb| vtpd| t3bn| 1vn1| lr75| 0wcu| 5t31| pjn5| 4a84| 95p1| 5jh9| zfvb| 33r3| 3z9r| 119n|

React-native桥接Android原生开发详解

标签:握发吐飧 8djn 网上公正赌博

转载  2019-08-22   作者:一天清晨   我要评论

本篇文章主要介绍了React-native桥接Android原生开发详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

在开发RN的漫漫长河中,早晚有那么一天要接触到安卓的原生开发,笔者来介绍一下其中的酸甜苦辣.对于一个不懂android的小白来说,刚开始有点难,不过都是万事开头难.语言是想通的,原理也是大径若一.

开发过程中是要集成高德的导航功能,没有找到好的轮子的,只要写原生代码,然后在用JS去调用原生的导航模块.

首先注册模块

其意义在与将类注册到RN中,才能用JS去调用

public class AnExampleReactPackage implements ReactPackage {
  @Override
  public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
    return Collections.emptyList();
  }
  @Override
  public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
    List<NativeModule> modules = new ArrayList<>();

    modules.add(new NaviActivity(reactContext));
    return modules;
  }
}

其中modules.add(new NaviActivity(reactContext));意义就是添加一个安卓原生的activity模块

这个模块可以定义方案,RN可以直接调用(方法上必须声明了@ReactMethod才可以)

@ReactMethod
  public void showFengMap(String mapID){
    Activity currentActivity = getCurrentActivity();
    Intent intent = new Intent(currentActivity, 页面名.class);
    currentActivity.startActivity(intent);
  }

笔者其中的到吗是跳转到其他页面,这里也可以做一些其他的操作.例如直接去分享

声明

在安卓程序的app内的MainApplication内,

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

加入刚刚注册过的包名

JS调用原生代码

import { NativeModules } from 'react-native';

export default NativeModules.NaviActivity;

笔者这里写了一个untils/CommonAndroidUntils.js,在需要用的页面直接引入这个js文件

CommonAndroidUntils.show();

实现跳转.

集成高德导航

对于一个小白直接去在android studio内集成高德地图刚开始还是有点难度的.不过理解之后感觉还好.简单些一下遇到的问题,提醒自己,帮助他人

直接拖入的.jar语音包不能引入

解决办法是右键.jar包,有将.jar引入的选项点击,等待同步即可.

其余的都是些小问题,根据demo以及文档轻松解决的不值一提了.

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 判断 颜色 否合法 正则表达式 2019-08-22
  • js checkbox 方法 2019-08-22
  • js tofixed 2019-08-22
  • HTML 元素绑定 2019-08-22
  • 变量 调用 js 2019-08-22
  • DataTables 表格 横向 滚动条 2019-08-22
  • 绝对经典的滑轮新闻显示(javascript+css)实现 2019-08-22
  • JS 函数 2019-08-22
  • 最新评论

    常用在线小工具