1. 程式人生 > >React Native 嵌入到原生應用

React Native 嵌入到原生應用

嵌入原生遇到的坑

  1.undefined is not an object(ecaluating 'ReactInternals.ReactCurrentOwner')

原因:好像是什麼當前版本不存在啥的

解決方法:在根目錄下 進入控制檯 輸入yarn add [email protected]

  1. Android studio 報錯 tools:overrideLibrary="com.facebook.react"

原因:這個是RN 版本 支援最小 miniSDKVersion = 16 ,我們目前最小指向miniSDKVersion = 15;

解決方法:在Android 目錄下的清單檔案中新增如下(在Application 標籤上) tools:overrideLibrary="com.facebook.react"

3.java.lang.UnsatisfiedLinkError: dlopen failed: "xxx/libgnustl_shared.so" is 32-bit instead of 64-bit

解決方案

1.在專案的根目錄的 gradle.properties裡面新增一行程式碼

android.useDeprecatedNdk=true.
2.在project的root目錄下的build.gradle
中新增如下程式碼。 defaultConfig { ··· ndk{ abiFilters "armeabi-v7a","x86" } packagingOptions { exclude "lib/arm64-v8a/librealm-jni.so" } }
  1. not fond assert 意思就是找不到資原始檔

解決方案:

1. create an assets folder under android/app/src/main
2. curl "http://localhost:8081/index.android.bundle?platform=android"
-o "android/app/src/main/assets/index.android.bundle"

## Thanks:

相關推薦

React Native嵌入原生應用的坑

今天試著在原生應用中引入React Native,本以為按照官網的步驟來做就沒問題,結果著實踩了很多坑。現記錄下來,防止以後踩同樣的坑 一、React Native專案在64位android手機上執行,會提示 "/data/data/com.xxx.xxx/lib-main/libgnustl_shared.

Android React Native植入原生應用小記

一、React Native教程介紹 二、植入流程: 0、準備工作及一些提示性: 本人系統為Win10系統,安裝了visual studio2015,node.js4.1版本,curl,ssl,python2.7,Android Studio2.1版本及buildToo

React Native嵌入到現有原生應用

如果你正準備從頭開始製作一個新的應用,那麼React Native會是個非常好的選擇。但如果你只想給現有的原生應用中新增一兩個檢視或是業務流程,React Native也同樣不在話下。只需簡單幾步,你就可以給原有應用加上新的基於React Native的特性、畫面和檢視等。

react native 學習筆記----將react native嵌入到Android原生應用

不僅可以在react native 的js介面和現有工程的介面之間跳轉,而且可以把js寫的介面當成一個控制元件,嵌入到現有的activity,作為原生介面的一部分使用。 第一節:按照官方的例子,把js寫頁面放在一個activity,在原生應用裡啟動該activity。 開

React Native 嵌入原生應用

嵌入原生遇到的坑   1.undefined is not an object(ecaluating 'ReactInternals.ReactCurrentOwner') 原因:好像是什麼當前版本不存在啥的 解決方法:在根目錄下 進入控制檯 輸

React Native Android原生方向進階一

雖然說react native的設計初衷是為了敏捷開發,write once,run anywhere,但是還是開放了原生接入這一高階功能,而原生也是一位這個開發方向一個繞不過去的坎,今天先跑了一下流程,總結一下先 1、react-native init mengft_module

動手建立一個自己的「React native原生模組

前言 我們在使用RN的時候,會發現RN提供了很多Module供JS呼叫,這些Module能夠滿足我們一些基礎的應用場景,但是在實際的專案中,必定會有一些互動邏輯需要我們自己去實現,這時候就需要我們自定義一些Module供JS呼叫,那麼怎麼才能讓JS呼叫到我們自定義的Module呢? 下面我們就一步步的去實現

react native接入原生專案(mac pro)

首先保證安裝了node,watchman,yarn。 1.新建一個資料夾A,裡面新建一個資料夾android,然後把專案根目錄下所有內容放入這個android裡。直接全選複製的話沒有git,可以把整個專案移過去再改名為android。 2.在A下新建package.json: {

React Native iOS原生模組開發實戰|教程|心得|如何建立React Native iOS原生模組

尊重版權,未經授權不得轉載 本文出自:賈鵬輝的技術部落格(http://blog.csdn.net/fengyuzhengfan/article/details/54691432) 告訴大家一個好訊息,為大家精心準備的React Native視訊教程釋出了,大家

React Native Android原生模組開發實戰|教程|心得|如何建立React Native Android原生模組

尊重版權,未經授權不得轉載 本文出自:賈鵬輝的技術部落格(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 告訴大家一個好訊息,為大家精心準備的React Native視訊教程釋出了,大家

React Native原生iOS Objective-C的互動解決方案

用一個RCTRootView作為iOS裡一個Controller的view。在RN層的左上角返回按鈕點選後pop回iOS層。發現無法執行,除錯發現controller的navigationCont的值是空的。發現與RN互動的這個self地址和iOS層的self並不是同一個

React Native封裝原生元件釋出到npm

因為一個任務,要寫原生的獲取使用者手機資料夾,實現使用者自定義資料夾的功能,寫好了之後嘗試封裝成元件。1. 首先,有一個rn專案,用Adnroid Studio開啟 android -> app -> build.gradle如圖新建一個 Android Modu

React Native原生互動

React Native 與原生互動一般有三種方式,分別是Callback,Promise,RCTDeviceEventEmitter import {   AppRegistry,   StyleSheet,   Text,   View,   NativeModule

React Native在直播應用中的實踐

React Native是近年來最值得花時間學習的移動開發新技術,其在不斷進化、成熟的同時,效能也在持續提升。卜赫主要分享了React Native Pili在開發過程中的設計斟酌和踩過的坑。以下是正文: React Native是什麼 React Native的i

React Native原生之間的通訊(iOS)

本文將講述下在原生和React Native之間的通訊方式。方式和邏輯綜合了自己的思維方式,主要參考了React Native中文官方文件,因為感覺它講的方式有些不妥,所以就按自己思路組織了下文。 雖然發覺一遍文章要把所有通訊方式講清楚不太科學,不過把思路講講倒是可以,

React Native原生app通訊機制詳解

概述 React Native用iOS自帶的JavaScriptCore作為JS的解析引擎,但並沒有用到JavaScriptCore提供的一些可以讓JS與OC互調的特性,而是自己實現了一套機制,這套機制可以通用於所有JS引擎上,在沒有JavaScriptCor

react-native 呼叫原生方法

第一步,新建MyReactPackage.java: package com.goodthingshappeneverday; import com.facebook.react.ReactPackage; import com.facebook.react.bridge

react-native打包Android應用

  做好的App,首要的第一件事當然就是拿來分(zhuang)享(bi)了,也就是說要做得有模有樣,能釋出到app市場上,能真正安裝到手機上 ,這樣才有成就感。   既然要這樣的話,那麼自然就不是‘搖晃手機’那麼簡單了。   因為我只親自做過Androi

react native原生和RN的互動

前言:前端時間隨著自己的學習和研究,也寫了幾篇關於react native的文章,雖然都是比較簡的,但是都是根據自己的效果來做的流程,所以還是比較實用的,可以避免很多的坑。這篇react native

react-native封裝原生下拉重新整理元件

之前改進過一個react-native-pull元件解決了iOS上重新整理頭部出現空白問題,並且將listview改成了flatlist。 github如下: react-native-pullvi