React Native android APP传递参数到 js

最新推荐文章于 2026-06-22 19:25:46 发布

原创最新推荐文章于 2026-06-22 19:25:46 发布 · 3k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#android #native

收录于

React-Native 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在React Native的Android应用中从Java代码向JS传递参数的具体步骤。通过使用`Bundle`对象并调用`startReactApplication`方法，可以在JS侧通过props访问这些参数。

React Native android APP传递参数到 js

java 代码中

   Bundle bundle=new Bundle();
   bundle.putString("key1","value");
// 添加对象到  mReactRootView   mReactRootView.startReactApplication(mReactInstanceManager, "AwsomeProject", bundle);

在js中获取

 console.log(   'key1 :'+this.props.key1);

在js中也只有 AwsomeProject 这个中才能获取的到
ios 估计也是一样的未测试

注 key 是关键字 js会过滤掉

感谢小康同学的指导

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

林亻乔

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

浅谈React Native 传参的几种方式(小结)

10-16

主要介绍了浅谈React Native 传参的几种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

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

React Native 原生与js页面的跳转和数据传递

04-05

一个小的示例工程，封装android原生与react之间他跳转和数据传递解压后，在cmd界面进入解压的根目录 react-native start 启动服务 react-native run-android 安装apk 或者导入AS中编译安装APK

ReactNative打包指令及各参数代表的意义

JasonHan19的博客

05-23

1275

命令： react-native bundle --platform android --dev false --entry-file index.js --bundle-output Demo/app/src/main/assets/index.android.bundle 各参数代表的意思 –entry-file RN入口文件的路径, 绝对路径或相对路径 –platform [stri...

react-native 传值

耐得住寂寞也是一种境界

01-04

1274

今天我来整理一下react-native页面传值的问题我们分为三个方面，父组件向子组件传值，子组件向父组件传值，不同界面传值一、父子组件传值父组件 var firstPage = React.createClass({ getInitialState:function(){ return ( firstState: false, )

React Native原生模块与JS模块通信的几种方式

fengyuzhengfan的专栏

09-29

7238

React Native原生模块向JS传递数据的几种方式(Android)在做React Native开发的时候避免不了的需要原生模块和JS之间进行数据传递，这篇文章将向大家分享原生模块向JS传递数据的几种方式。方式一：通过Callbacks的方式说起Callbacks大家都不陌生，它是最常用的设计模式之一。

React Native与Android通信交互

...

02-17

2万+

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。在前两篇的内容中，和大家分享了Android原生集成RN，以及RN的增量热更新。关于详细的内容，点击如下具体了解： Android App巧妙集成React Native最详教程 React Native 实现热部署、增量热更新本篇内容同样和React Native 与原生App有关，可...

ReactNative入门之android与rn初始化参数的传递

ZACH_ZHOU的博客

05-06

6519

最近一直有事儿，所以博客没有更新，但是学习reactnative的脚步不能停止！所谓日积跬步，可跨千里。好啦，多余的话就不多说了，今天主要是讲解一下，android与rn之间初始化参数的传递。

React-Native 原生跳转不同的RN界面的实现思路！！！

pinapp666的博客

04-07

1247

最近在研究React-Native开发App，准备把RN运用到自己的毕业设计中，因为以前做过一个购物社交类的App,但是没有做完，所以就想把它完善一下作为毕业设计，而RN可以热更新，所以对于购物类app中的一些时常变化的商品介绍列表就准备用一下RN来试试了。既然要使用RN和Native混合使用，就得考虑原生如何向RN跳转的问题了，之前做过的RN项目都是直接一个Activity进入index.an...

微信小程序开发笔记3 —— 参数传递

04-05

143

微信小程序 - 参数传递学习链接：https://www.cnblogs.com/jinxinblogs/p/6809981.html 小程序传递参数的方式有四种：（1）通过在App.js中设置全局变量（2）通过拼接URL直接传递（3）通过数据缓存存储再获取（4）传递基本数据类型、传递对象、传递数组集合 —— 至此完毕，更多精彩请看下一笔记。转载于:https://www...

react native js调用android原生activity

Zhang_junhui的博客

07-19

2318

rn编写的js页面怎样跳转到自己写的android activity中呢?只需下面简单几步 1.我们搭建好rn环境后,创建rn项目并运行到设备上(本文省略),在项目的目录下 /android/app/src/main/java/com/项目名/ 下新建一个简单的activity类 package com.untitled; import android.app.Activity; i

React Native运行原理解析

热门推荐

xiangzhihong8的专栏

09-22

4万+

Facebook 于2015年9月15日推出react native for Android 版本，加上2014年底已经开源的IOS版本，至此RN （react-native）真正成为跨平台的客户端框架。本篇主要是从分析代码入手，探讨一下RN在安卓平台上是如何构建一套JS的运行框架。一、整体架构RN 这套框架让 JS开发者可以大部分使用JS代码就可以构建一个跨平台APP。 Facebook官方

React-Native之Android:原生界面与React界面的相互调用

qq_22780533的博客

07-14

8626

这里原生界面是指用布局文件实现或java代码实现view的Activity，React界面是指用ReactJS实现的界面的Activity。从某种角度看，React只是充当了Android里的view层，因此原生界面与React界面的相互调用及数据传递同原生界面之间的互动基本是一致的。下面是我对两种界面的相互调用和数据传递的一种实现尝试，不一定是最有效率或最佳的，纯当练习和探索而已。

React Native：native传递参数到js中

allenguo227的博客

09-01

1233

React Native：native传递参数到js中1、通过重写 ReactActivityDelegate 方法传入参数，Activity代码如下：import android.app.Activity; import android.os.Bundle;import com.facebook.react.ReactActivity; import com.facebook.react.Rea

大灰狼的小绵羊哥哥的博客

05-14

4519

本文来自Songlcy投稿:文章地址:http://blog.csdn.net/u013718120/article/details/71538263 一、问题分析本篇博客同样和大家分享关于React Native的内容。想必大家在撸码中都发现了一个问题：从Android原生界面第一次跳转到React Native界面时，会有短暂的白屏过程，然后才会加载出界面。下次再跳转就不会出现类

点击Android按钮跳转到React-native指定界面

jiaweihaoku的博客

11-21

4880

这是一遍关于Android与ReactNative混合开发的探讨文章。我们项目出现了一个需求，就是点击原生的Android按钮跳转到指定的reactNative界面，关于这方面，在网上我是没有找到任何资料，只有通过自己摸索，终于找到了一条走的通的路，如果有大神有更好的办法，可以留言教教我。互相学习进步。我想到的办法就是点击Android原生按钮向rn传值，rn再通过这个值来跳转到指定的界面

React Native 页面之间传值、回传数据

liu__520的博客

10-21

1万+

很多同行最近都在苦思冥想一个问题：RN从A页面传值到B页面简单，但是我怎么从B页面传值到A页面呢，头大了！下面我写了一个简单的示例，请各位同行参考下：首先分三个页面：index.android.js，first.js（简称A页面），next.js（简称B页面）一、我们知道从A页面到B页面，是在navigator里面把值放进去，作为B页面的参数，B页面通过属性值获得这个参数：下面这是

h5页面启动安卓应用_【代码】H5页面实现唤起AndroidAPP并传递参数

weixin_36204407的博客

01-14

771

【代码】H5页面实现唤起AndroidAPP并传递参数H5处理就是用一个a标签，跳转，不多BB启动APPAndroid处理在AndroidManifest.xml的MAIN Activity下追加以下内容(按照下面的格式来追加)2.取值的话根据下面的代码进行取值Intenti_getvalue=getIntent();Stringaction=i_getvalue.getAction(...

react native组件传递参数值给方法

画虎烂的专栏

08-24

1万+

比如我们定义一个TouchableOpacity点击事件，该方法需要接收一个参数值，如下_onTabPress(index){ console.log('index = '+ index); }组件上绑定方法<TouchableOpacity onPress={this._onTabPress.bind(this,1)}/>bind的第一个参数是上下文对象，第二个参数开始是方法的参数值

react native navigation的使用方法总结（带传参和接收参数）

涂涂

07-20

1万+

一、StackNavigator 1.下载运行安装 npm install --save react-navigation 2.在需要用的页面导入 import {StackNavigator} from 'react-navigation'; 3.使用 import Addfrom './Add'; import Delete from './Delete' const ...

在 Android 开发中，要让引入模块中的依赖可以被主模块使用