Android嵌入React-Native踩坑记录

最新推荐文章于 2019-03-19 13:58:00 发布

潜伏的野怪

最新推荐文章于 2019-03-19 13:58:00 发布

阅读量240

点赞数

文章标签： android

本文链接：https://blog.csdn.net/ribs0714/article/details/80705417

版权

本文记录了在Android项目中嵌入React-Native过程中遇到的问题及解决方法，包括环境配置错误、`ReactInternals.ReactCurrentOwner` undefined错误、`TouchableHighlight`组件使用注意事项以及Intent跳转的实现细节。

摘要由CSDN通过智能技术生成

常用命令：
1，端口

adb reverse tcp:8081 tcp:8081

2，npm服务

npm start

1.undefinded is not an Object(evaluating ReactInternals.ReactCurrentOwner)
环境配置的问题，

package.json文件配置：

{
  "name": "RNTest",
  "version": "0.0.1",
  "private

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

潜伏的野怪

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

React Native 与嵌入Android原生与Activity页面互相跳转

csdn_aiyang的博客

10-30

1万+

前言：RN作为混合开发，肯定需要与原生直接的页面跳转，这里也属于和原生端通信的知识模块。我们知道Android的页面跳转是通过Intent、Rn是通过路由，而两者直接页面互相跳转就需要原生借助JS暴露接口给Rn来实现了。闲话不说直接上图：【one】第一步，AS创建一个Activity,显示HelloWorld： @Override protected void onCrea

react-native之module的使用

吴蕴强的博客

01-30

9859

实现自定义Toast模块->ToastM（ToastModule在组件中已经存在了不能重名因此起名ToastM） 1：新建一个react-native项目，将Android部分导入到Androidstudio中 2：新建一个类 ToastM 继承ReacContextBaseJavaModule 代码如下： package com.wyq; import android.ut

参与评论您还未登录，请先登录后发表或查看评论

React Native Android原生模块开发实战|教程|心得|如何创建React Native Android原生模块

fengyuzhengfan的专栏

01-23

2724

一直想写一下我在React Native原生模块封装方面的一些经验和心得，来分享给大家，但实在抽不开身，今天看了一下日历发现马上就春节了，所以就赶在春节之前将这篇博文写好并发布。

(十二)React Native跳转到android原生界面Activity

qq1377399077的专栏

05-23

1062

该篇文章实现方法其实和之前的第八篇-React Native实现调用android原生java方法并实现广播的发送和接受，方法类似，只不过调用原生方法里的动作不同，一个是启动servicer，一个是启动activity。

ReactNative文档翻译-------Native Modules

yuanjw2014的专栏

09-18

671

有时App需要使用的系统API没有对应的ReactNative模型，或者你想重用已有的java代码而不想用js去重复实现，又或者你想写一些高性能的多线程处理代码，比如图片处理，数据库操作或其他的高级扩展，这时候就可以使用Native Modules。 ReactNative使得编写本地代码并充分利用平台特性成为可能，编写本地模型（NativeModules）是React Native的高级特征，我们

react-native 与原生互相调用

德川家康

09-20

4142

react-native 与原生互相调用explainreact-native也相当于一个activity，所以他启动原生activity，我们需要新建一个module，在其中新建启动原生activity的方法，如果传参数就用intent;如果需要返回的话就需要用到回调函数；同样有原生activity启动react-native同样点击按钮，触发方法，启动react-native的activity,

react-native-rename：仅用一个命令即可重命名react-native应用

01-30

react-native-rename 只需一个命令即可重命名react-native应用该软件包假定您使用react-native init创建了react-native项目。注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 ...

适用于 Android 和 iOS 的 React Native NFC 模块 react-native-nfc

05-28

灵感来自phonegap-nfc和react-native-ble-manager 该库最简单（也是最常见）的用例是读取NFC包含的标签NDEF，可以通过以下代码实现： import React from 'react'; import {View, Text, TouchableOpacity, ...

react-native-modal-datetime-picker：适用于Android和iOS的React-Native datetime-picker

01-30

$ npm i react-native-modal-datetime-picker @react-native-community/datetimepicker # using yarn $ yarn add react-native-modal-datetime-picker @react-native-community/datetimepicker 请注意， @react-...

react-native-iap：应用内购买的react-native本机模块

02-03

最近， react-native-iap模块维护得不好。我们正在考虑再次参与并使模块更健康。请参考并与我们分享您或您的组织如何使用它。新年快乐 :party_popper: 介绍此本地React模块将帮助您在Android ， iOS平台和Amazon...

react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS

02-05

react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。相关项目推荐：关联文档： : 功能地图模式切换（常规，卫星，导航，夜间） 3D建筑，路况，室内地图内置...

React native 界面跳转原生Android界面

Dreamfree3的博客

09-27

1385

最近在学习React native，正好看到RN界面跳转原生的界面，但是根据网上的来总是会报undefined is not an object (evaluating ‘NativeModules.IntentModule.startActivityFromJS’) 异常仔细对照代码都是一样的最后发现你自定义的ReactPackage 需要再你的注册Rn的Activity界面里面添加下。

Android原生项目集成React Native踩坑记

小唯的博客

09-21

1900

最近在学习React Native，将Android原生项目集成React Native实现混合开发。参考官网和其他一些相关资料，自己动手一步一步操作，发现真的是一步步踩坑再填坑的过程，此文章记录集成React Native的步骤和出现的问题，方便以后查阅。我这里使用的环境是AndroidStudio react-native为0.48.3 npm为3.10.10

undefined is not an object(evaluating 'ViewPropTypes.style')

qq_38719039的博客

03-19

2454

undefined is not an object(evaluating 'ViewPropTypes.style')up votedown votefavoriteDescription --- When i clone a project from github, after npm install react-native run-ios,the following error occur...

ReactNative 打的release包闪退之——undefined is not an object (evaluating 'a.View.propTypes.style')？...

journeyIT的博客

03-19

824

ReactNative 打的release包闪退之——undefined is not an object (evaluating 'a.View.propTypes.style')？现象描述：使用react-native run-android 命令打的包能正常安装在模拟器上运行，一切都是那么的平静。然而，我使用gradlew assemb...

《React-Native系列》17、 RN中this所引起的undefined is not an object错误

热门推荐

等待就是浪费青春

08-15

2万+

在我们编写RN代码的时候经常会出现一个错误，undefined is not an object(evaluating 'this.refs' ). undefined is not an object错误，提示我们未知的对象，该句话的含义就是我们没有定义该对象。但是this就是当前对象，为什么还会出现如此问题？只有一种可能，就是当前引用的this和this.setState的this不是指向同

【ReactNative】undefined is not an object(evaluating 'this.props.navigator')

Teng's world

06-15

1万+

使用ReactNative 用NavigatorIOS做跳转时，遇到报错: undefined is not an object(evaluating 'this.props.navigator') 代码如下： /** * 003.网易新闻 */ import React, { Component } from 'react'; import { AppRegistry, S

关于React Native 跳转到原生页面界面详解

IT_luntan的专栏

04-20

5464

接上文，实现ReactNative跳转到原生界面的详解步骤. 下面，开始学习吧：一、自定义一个Module类，并实现RN方法，如下：创建一个MyIntentModule，继承RN的ReactContextBaseJavaModule，实现两个方法getName和startActivityFromJS，代码如下：package com.helloword;import android.app

react-native与原生界面相互跳转

weixin_30526593的博客

05-27

166

一、添加MyIntentModule类，并继承ReactContextBaseJavaModule实现其方法和构造函数。在该类中添加方法，注意：方法头要加@ReactMethod public class MyIntentModule extends ReactContextBaseJavaModule { public MyIntentModule(ReactApplicati...

react-native设置Android启动页指南

"在Android平台上使用React-Native开发应用时，常常需要自定义启动页以提升用户体验。本文详细介绍了如何通过第三方库react-native-splash-screen来实现这一功能。" 在Android应用开发中，特别是使用React-Native...