react-native 怎么运行在android

发布网友 发布时间：2022-05-12 18:13

我来回答

共2个回答

懂视网 时间：2022-04-23 00:39

在开发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以及文档轻松解决的不值一提了.

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

如何使用babel安装配置教程

在vue-cli中如何配置babel配置文件

使用node.js实现抖音自动抢红包功能

热心网友 时间：2022-04-22 21:47

楼主：不太清楚你想表达什么意思，但是你想使用RN开发Android应用，首先你要先搭建好开发环境，可以参考*的官方文档：https://*.github.io/react-native/docs/getting-started.html

搭建好开发环境后，运行下面几个命令就可以得到一个RN项目：

你可以选择在手机上或者模拟器上运行项目，使用adb devices可以查看连接到你电脑的手机或者模拟器。

当然，如果想学习RN开发的话，需要了解的知识还是很多的，但是学任何一门技术都是有一定的困难，网上有很多关于RN的入门教程，但最重要的还是官方文档，近期我在做一个RN的实战项目教程，欢迎Q我：879942736了解学习。