React-native之Android原生开发详解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了React-native之Android原生开发详解,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2072字,纯文字阅读大概需要3分钟。
内容图文
![React-native之Android原生开发详解](/upload/InfoBanner/zyjiaocheng/296/f8b6b9ca8ee64fd99fa92224e2c37ba1.jpg)
在开发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调用原生代码
笔者这里写了一个untils/CommonAndroidUntils.js,在需要用的页面直接引入这个js文件
实现跳转.
集成高德导航
对于一个小白直接去在android studio内集成高德地图刚开始还是有点难度的.不过理解之后感觉还好.简单些一下遇到的问题,提醒自己,帮助他人
直接拖入的.jar语音包不能引入
解决办法是右键.jar包,有将.jar引入的选项点击,等待同步即可.
其余的都是些小问题,根据demo以及文档轻松解决的不值一提了.
相关推荐:
React-Native全球化多语言切换工具库react-native-i18n详解
React-Native中props用法详解
React-native 中Image控件的简介
以上就是React-native之Android原生开发详解的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的React-native之Android原生开发详解全部内容,希望文章能够帮你解决React-native之Android原生开发详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。