如何将值/参数从android APK传递到React JS浏览器？
将值/参数从Android APK传递到React JS浏览器可以通过以下几种方式实现：
- 使用WebView和JavaScript桥接：在Android APK中，使用WebView加载React JS的网页，然后通过WebView的JavaScript桥接机制，将值/参数传递给React JS页面。可以使用WebView的
addJavascriptInterface方法将一个Java对象暴露给JavaScript调用，通过调用该对象的方法传递参数。在React JS页面中，可以通过JavaScript调用Java对象的方法获取传递过来的参数。 - 使用URL参数传递：在Android APK中，通过URL参数的方式将值/参数传递给React JS页面。可以通过在WebView的URL中拼接参数的方式传递，例如：
http://example.com/reactjs?param1=value1¶m2=value2。在React JS页面中，可以通过解析URL参数获取传递过来的值/参数。 - 使用JavaScript接口：在Android APK中，通过JavaScript接口的方式将值/参数传递给React JS页面。可以使用WebView的
evaluateJavascript方法执行JavaScript代码，并在代码中定义全局变量或调用JavaScript函数传递参数。在React JS页面中，可以通过JavaScript代码获取全局变量或处理JavaScript函数传递的参数。 - 使用本地存储：在Android APK中，将值/参数存储到本地存储（如Shared Preferences或数据库），然后在React JS页面中通过JavaScript读取本地存储获取传递过来的值/参数。
请注意，上述方法中，具体的实现方式可能会根据实际需求和技术选型而有所不同。因此，在具体实施时需要根据实际情况进行适当调整和修改。
推荐的腾讯云相关产品：腾讯云移动浏览器。移动浏览器是腾讯云提供的一款移动应用浏览器，可与腾讯云其他产品无缝对接，提供强大的浏览器能力和丰富的插件生态。了解更多信息，请访问腾讯云移动浏览器产品介绍页：https://cloud.tencent.com/product/qb
相关·内容
假设您正在运行一个android应用程序(kotlin)，并且您已经登录并拥有一些数据。然后在webview中打开一个react js应用程序。如何将登录数据从android传递到react js应用程序。
浏览 3提问于2021-07-26得票数 0
我已经生成了一个.apk文件的React Native 0.66.3应用程序(RN )，以测试分发的第三方分销渠道，其中只接受.apk格式。在下载到android手机(API 30)后，该应用程序在输入用户信息后会被固定在注册页面上，并且不再继续(用户输入reg信息后，RN应用程序将路由到验证页面，并将用户信息发送到后端Nodejs服务器)。RN应用程序在模拟器(API 27)上和运行在同一款Android手机(API 30，与USB电缆连接)上都运行良好。使用的Android Studio是2021.3.1。开发平台为macOS大Sur。
我不知道是什么问题。下面是生成分布式app的步骤：
浏览 20提问于2021-12-09得票数 1
回答已采纳
我正在为react本机项目设置排毒，并且我一直在处理配置，当我运行detox build --configuration android时，构建成功了，但当我尝试运行detox test --configuration android时，我将得到以下错误detox[13452] ERROR: [cli.js] Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './build/cli/args' is not defined by "exports" in /Users/Desktop/vahingon
浏览 1提问于2020-11-24得票数 2
我希望将一个类似于react-native js文件转换为纯javascript文件，这样它就可以由JavaScriptCore执行。我知道browserify可以将类似Node的文件转换为纯javascript文件。但是当我执行的时候：
browserify script.js -o bundle.js -t [ babelify --presets [ es2015 react ] ]
它返回一个错误：
Cannot find module 'ActivityIndicator' from '/home/yjy/Work/react_native/Webview/n
浏览 19提问于2016-09-07得票数 2
我发现了很多关于如何将react native集成到现有android应用程序中的文章。但它们都没有解释如何从react原生代码中获取结果，以便在Java android源代码中直接使用它。
说明:我有一个react原生应用程序，它正在做一个特定的工作，并在弹出窗口中显示结果。我想集成这个应用程序(做必要的修改)，以便能够将这个特定的结果放入我的android Java源代码中，而不是将其显示在react原生弹出窗口中。
我搜索了所有的互联网，但没有找到任何关于这个的信息。
浏览 0提问于2017-10-20得票数 7
我已经通过更改package.json (在这里编写的 )将现有(不是新的)项目中的React本机升级到0.60.2
在android/app/build.gradle中，我写的是:P
roject.ext.react = [
entryFile: "index.js",
enableHermes: true // clean and rebuild if changing
]
构建是成功的，但Hermes似乎不起作用，在RN0.59.0 apk是29 Mb，现在是46 Mb。
如果我向build.gradle添加其他更改，如此处所示，则
然后我得到错误:无
浏览 0提问于2019-07-18得票数 2
1回答
描述
免责声明：这也是发布在github 上的一个问题，在回购，所以你可以更好地检查那里的图像。
在Android模拟器上运行测试时，如果其中一个测试失败，则在测试报告的末尾显示如下所示的错误消息：
detox[8530] ERROR: [cli.js] Error: Command failed: node_modules/.bin/jest --config e2e/config.json '--testNamePattern=^((?!:ios:).)*$' --maxWorkers 1 "e2e"
如果所有测试都通过，则不会出现此消息，如屏幕截图的以下链
浏览 3提问于2020-03-27得票数 1
回答已采纳
1回答
我使用
react-native bundle --entry-file "index.android.js" --platform "android" --bundle-output "./assets/index.android.bundle" --verbose
要打包JS代码包并将其放入资产中，它可以工作，但无法显示本地图像资源，本地图像资源位于./App/Img/文件夹中，用于：
const icon1 = require('./App/Img/slider.png');
如何将这些资源文件打包，以便生成一个运行中的ap
浏览 4提问于2016-02-23得票数 4
1回答
react-native expo生成的apk是否被混淆了？
exp build:android
如何使用apk取回react原生JS源代码？为了这个目的，我需要dex到java的编译器吗？
我正在寻找您的宝贵建议，因为我关心我的react原生应用程序的安全性，并尝试比较模糊和非模糊代码
浏览 0提问于2018-10-04得票数 8
不知道如何将属性从html传递到react文件中。这是现有的代码，
<html>
<script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/babel-sta
浏览 1提问于2020-02-15得票数 1
我是react的新手，我想从子组件(salary.js)到父组件(App.js)获取range值。我找不到如何将道具传递给App组件。我的目标是获取范围值，该值存储在price的salary.js到App.js中，以便发布该值。
有人能在这方面帮我吗？提前感谢
浏览 1提问于2020-04-13得票数 0
我想要添加一个TextView，并在ListView中动态设置它的值，然后单击要单击的项的值。
我有一个数组
String[] statesList = {"listItem 1", "listItem 2", "listItem 3"};
我的TextView XML是
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
浏览 4提问于2013-08-14得票数 6
回答已采纳
我正在开发的Android React Native应用程序通过getUserMedia访问摄像头/媒体流。当我使用react-native run-android和电缆在我的adb物理设备上运行这个应用程序时，当我导航到使用它的场景时，我可以完美地看到摄像机捕获的流。 但是，当我使用以下命令创建apk时： react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --asse
浏览 17提问于2019-09-02得票数 1
回答已采纳
我是纯反应的新玩家，在我的情况下我有一个问题：
我的材料包括navComponent.js，stackComponent.js，nav.js
我希望将nav.js数据从stackComponent.js传递到navComponent.js，然后以所需的navComponent呈现DOM。因为nav.js数据，我需要为将来的另一个组件重用。作为下面的代码，我认为我使用了这个错误的反应概念。我应该如何做正确的反应方式。
在index.html的头中，包括
<script src="react/react.js"></script>
<script sr
浏览 7提问于2016-04-26得票数 0
回答已采纳
我使用的是'react-native- Geolocation -service‘库中的geolocation，详细信息如下。我的移动应用程序很大程度上依赖于位置(地理坐标)，因此必须正确获取经度/经度。我面临的问题是android正在返回缓存位置。我已经删除了代码中的maximumAge参数，但在安卓中我仍然会得到缓存的lat long。有没有一种方法可以让我使用这个库随时从android的GPS中获取当前的位置？任何帮助都是非常感谢的。谢谢。
AndoidManifest.xml:
<uses-permission android:name="android.perm
浏览 5提问于2020-08-01得票数 0
我正在开发一个现有的Next.js web应用程序，我想添加DocuSign Node.JS SDK来使用JWT并为我的前端应用程序生成一个令牌。Next.JS应用程序托管在Vercel上，Vercel可以运行无服务器功能。
我在构建Node.JS端点以获得调用esignatures的JWT令牌时遇到了问题。有人知道如何将JWT工作流集成到Next.JS/React.JS应用程序中吗？
浏览 10提问于2021-12-07得票数 0
回答已采纳
我跟踪了这个：
$ cd your_project_dir
$ npm start # start the packager if not started already
$ curl "http://localhost:8081/index.android.bundle?platform=android?dev=false" -o "android/app/src/main/assets/index.android.bundle"
并成功地生成了一个index.android.bundle文件。但奇怪的是，没有什么可以解释如何将其转换为release .ap
浏览 3提问于2016-02-23得票数 0
回答已采纳
我在一个React + C# asp.net核心页面上使用Auth0进行身份验证。
我想让用户点击“注册”，它会引导他们到Auth0通用注册页面。我可以使用以下代码将用户定向到登录页面：
await loginWithRedirect({
appState: { targetUrl: location.pathname || window.location.pathname },
});
使用示例react-auth0-spa.js和@auth0/auth0-spa-js库。
然而，我在网上看不到任何关于如何将用户直接引导到注册(而不是登录)页面的示例。
浏览 0提问于2020-02-27得票数 3
1回答
无法用编译本机项目
、、、、
我一直在使用react本机，并在遵循说明之后添加了调整sdk，无法在android端编译该项目。我遇到的问题是关于build.gradle中的这一行
compile 'com.google.android.gms:play-services-analytics:10.0.1'
如果该行不在其中，那么它编译没有问题，但是在那里，它不能处理这个错误(上下文的前几行)：
:app:transformClassesWithDexForRelease
Running dex as a separate process.
To run dex in process, the Gradl
浏览 1提问于2017-06-22得票数 1
我目前正在用一些代码将数据传递给react-native中的一个组件，如下所示：
class Login extends Component {
signInWithGoogle = async () => {
try {
const result = await Google.logInAsync({
iosClientId: IOS_CLIENT_ID,
androidClientId: ANDROID_CLIENT_ID,
scopes: ["profile", "email"]
浏览 1提问于2020-03-02得票数 0
我目前能够使用kivy/ buildozer创建一些简单的android apk，但我唯一能想出如何将它们放到手机上进行测试的方法是将.apk复制到google驱动器中，然后通过在我的手机上访问google驱动器打开/安装相同的.apk。
根据上的文档，可以通过.apk命令直接将.apk传递给您的设备或传递到未连接的设备上。
有没有人让建筑推动者发令去工作？当我尝试的时候，我只是被以下信息卡住了
通过HTTP在端口8000提供服务
按Ctrl+c退出服务。
谢谢
浏览 1提问于2020-07-13得票数 0
回答已采纳
我将我的react应用程序设置为docker，但是当我在Kubernetes集群中运行容器时，会得到下一个错误：
internal/modules/cjs/loader.js:1032
throw err;
^
Error: Cannot find module '/usr/src/app/API_URL'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:1029:15)
at Function.Module._load (internal/modules/cjs/l
浏览 6提问于2021-03-24得票数 0
回答已采纳
我有一个驻留在NavigationGraphA中的NavigationGraphA和一个停留在NavigationGraphB的起始目的地的FragmentB。如何将"isControlled"参数从FragmentA传递给FragmentB？
我的代码如下：
NavigationbGraphA.xlm
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-aut
浏览 2提问于2021-10-25得票数 0
回答已采纳
我有下面的无状态组件，我正在使用Flow进行类型检查：
//@flow
import React from "react";
export const Picker = (
{ options }: { options: Object },
{ onChange }: { onChange: (e: SyntheticEvent<any>) => Function }
) => {
return (
<span>
<select onChange={e => onChange(e)}>
浏览 1提问于2018-04-27得票数 0
我正在尝试在我真正的android设备上运行react原生应用程序。我在运行之前检查了我的设备
adb devices
List of devices attached
3357425441473098 device
我从以下几点开始
npx react-native start
以及在其他控制台中
npx react-native run-android
但是得到了一个错误..
Task :app:installDebug FAILED
浏览 0提问于2020-01-31得票数 1
我知道这个错误：
库com.google.android.gms:play地下室被其他各种库请求[ 15.0.1 ,15.0.1，15.0.015.0.0]，但解析为15.0.1。禁用插件并使用./gradlew :app:依赖性检查依赖关系树。
android/build.gradle
buildscript {
repositories {
jcenter()
maven {
url 'https://maven.google.com/'
name 'Google'
浏览 0提问于2018-08-19得票数 2
回答已采纳
如何从我的react-native项目构建android apk？这个命令"react-native run-android“在文件夹android\app\build\output\apk\上创建app-debug.apk，但是当我把它安装到我的手机上时，我得到了一个错误"Unable to download JS bundle”。当我第一次在模拟器上启动时，我使用命令来解决这个问题：
react-native start curl "http://localhost:8081/index.android.bundle?platform=android" -o
浏览 0提问于2016-02-17得票数 8
回答已采纳
我有一个这样的布局： <layout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
>
<data>
<variable
name="viewModel"
浏览 22提问于2019-04-16得票数 0
3回答
我使用这样的命令来生成APK：
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res && react-native run-android
是否可以编辑此命令以生成发行版APK？
浏览 0提问于2019-04-06得票数 2
回答已采纳
1回答
我使用的是react本地博览会裸工作流。
当我在expo上打开应用程序时，我可以在屏幕上看到设备令牌，但是当我通过使用expo :android:android将其转换为apk时，它不会显示令牌。
这是我的密码。
import React, { useEffect, useState } from "react";
import { StyleSheet, Text, View } from "react-native";
import * as Notifications from "expo-notifications";
import *
浏览 4提问于2020-09-02得票数 1
1回答
使用："react-router-dom"："^5.1.2“ 我正在导航到一个url： http://localhost:3000/#id_token=123&expires_in=3600&token_type=Bearer 我准备了一个重定向组件来捕捉它，并将我重定向到仪表板： <Redirect exact from="/" to="/dashboard" /> 我知道我们可以重定向并将状态传递给props (从react-router文档)，如下所示： <Redirect
to={{
浏览 25提问于2020-12-31得票数 0
回答已采纳
2回答
这个问题与Android有关。
我们最近将我们的react本机项目从博览迁移到了裸工作流。然而，我们有一个问题，在运行构建的apk文件时，图像没有加载。
当使用react-native android在模拟器或设备上调试时，一切正常。但是，在构建的apk图像上，根本不会出现。
我们正在按以下方式进行建设
react-native bundle --platform android /
--dev false /
--entry-file index.js
--bundle-output android/app/src/main/assets/app.bundle
浏览 3提问于2020-04-23得票数 0
我使用的是react原生0.14.2。我在上问过这个问题，但是这个回购被太多的问题压倒了。希望我能在这里找到答案。
下面是项目的结构：
android-project
+---app
| \---src
| \---main
| \---assets
| \---java
| \---res
+---reactnative
| \---assets
| \---image@1x.png
| \---image@2x.png
| \---image@3x.png
----index
浏览 0提问于2015-11-16得票数 9
2回答
从几周前开始，我就一直在试图纠正这个错误，但没有成功。问题是，由于这个原因，我无法发布我的应用程序。
当我为iOS或Android的任何一个都构建我的世博应用程序时，世博CLI的签名过程进行得很好，没有错误，并生成最终的包，但是当我将spa或apk文件安装到一个真正的设备中时，它会连续显示spa或apk文件4或5次(某种循环)，并最终显示以下错误消息：
检查没有结果：
我的package.json看起来是这样的：
{
"name": "Sxunco",
"homepage": "https://www.sxunco
浏览 5提问于2019-08-18得票数 2
安卓/app/build.gradle
apply plugin: "com.android.application"
import com.android.build.OutputFile
import groovy.json.JsonSlurper
/**
* The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
* and bundleReleaseJsAndAssets).
* These basically call `react-n
浏览 2提问于2018-12-03得票数 0
1回答
我是一个非常新的反应和类型脚本，我面临一个问题，页面重新加载失败时，我刷新浏览器，我相信没有设置的类，我要重新加载正确的状态。您能帮我处理下面的代码吗？
我正在发送道具从链接，并使组件加载。就像下面这样。
{
id: 'jobRunId',
header: 'Job Run ID',
cell: item => <Link to ={{
pathname: "/workItemsPage/" + item.jobRunId,
workitem: item.workItems
}}
浏览 4提问于2020-09-02得票数 0
如何将cube.js API集成到简单的javascript代码中？我只想在简单的html和js页面中使用cube.js API。有人能帮我吗？
在cube.js文档中，它们将其与react、vue和with集成在一起。
浏览 19提问于2022-10-21得票数 0
我的一般问题是：我为react构建了一个本地组件--本地Android。它有自己的依赖关系等等。我遵循了编辑package.json的说明，删除了react本机的依赖项，现在正在测试包。对于反应本机的包，有什么要遵循的吗？
我收到的错误/警告：
假设我正在构建的模块名为react-native-mymodule。
我运行的命令：
$ npm安装反应-本机-mymodule$ rnpm链接反应-本机-mymodule
在运行react-native run-android时，在步骤:react-native-mymodule:bundleReleaseJsAndAssets处会引发以下错误：
浏览 5提问于2016-04-20得票数 3
回答已采纳
我们有一个APK，我们在Android Web-View中调用"React-JS URL“。我们在步骤1中有一个场景。我们必须将控件从浏览器传递到APK，以及步骤2。再次将带有值/参数的控件从APK传递回浏览器。 我们已经完成了步骤1。我们如何实现步骤2。？ 请提个建议。
浏览 9提问于2019-10-03得票数 0
回答已采纳
我试图为我的react本机项目生成一个release APK。我已经完成了react本机文档和终端中建议的所有需求步骤，我得到了BUILD SUCCESSFUL。
当我进入/android/app/build/outputs/apk/时，只有一个名为app-release-unsigned.apk的APK文件
我的环境：
节点-v => v6.10.3
npm -v => 3.10.10
Package.json
{
"name": "sample project",
"version": "0.0.1"
浏览 2提问于2018-05-25得票数 0
回答已采纳
1回答
我正在为我的游戏应用程序使用react，我创建了一个GameContext.js
import React, { useState, createContext } from 'react';
const GameContext = createContext();
const GameProvider = ({ children }) => {
const [startgame, setStartgame] = useState(false);
return (
<GameContext.Provider value={[startgame,
浏览 1提问于2020-03-27得票数 1
回答已采纳
2回答
调用另一个脚本的状态
、、、
大家好，我有运行在整个应用程序中的脚本App.js，我的页面用于响应导航(抽屉)，即Screen3.js
我想给我的州打电话。从App.js到Screen3。我的速度每10秒就会改变一次。
App.js
import Screen1 from './pages/Screen1';
import Screen2 from './pages/Screen2';
import Screen3 from './pages/Screen3';
import CustomSidebarMenu from './CustomSidebarMenu
浏览 2提问于2019-12-23得票数 0
1回答
-1)按照官方指引生成发布APK。
-2)运行下面的命令。
$ cd android
$ ./gradlew assembleRelease
-3)结果:收到以下错误信息。
index.js:找不到模块“”babel-preset-react-app“”
错误:找不到模块'babel-preset-react-app‘
我正在尝试使用React Native为Android应用程序创建一个发布版本。我已经搜索了潜在的解决方案，包括以下内容。但我还没找到对我有用的东西。
package.json第9至41行
"dependencies": {
"m
浏览 0提问于2019-02-07得票数 0
1回答
我已经用package.json中的"start": "react-scripts start"创建了一个react应用程序。我使用yarn start运行它。但是，我想从命令行传递一个参数，例如yarn start -- test=hello，并在index.js中访问它。
我试图使用process.argvs访问它，但它不在那里。我应该如何将命令行参数传递给yarn start？
浏览 48提问于2020-06-03得票数 1
1回答
当我输入这个：
C:\Users\Ora Ora\Desktop\Dev\React\Native\Abb to APk>>java -jar bundletool-all-1.4.0.jar //..rest of args
我知道这个错误：
“-jar”不被识别为内部或外部命令、可操作的程序或批处理文件。但是当我输入这个时：
C:\Users\Ora Ora\Desktop\Dev\React\Native\Abb to APk>>$ java -jar bundletool-all-1.4.0.jar //..rest of args
我认为这是可行的，但我
浏览 10提问于2021-02-11得票数 0
为了测试和共享目的，我在终端中使用以下代码创建了一个apk
react-native bundle --dev false --platform android --entry-file index.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debugScanning
并创建apk
Create debug build:
cd android
./
浏览 0提问于2018-07-05得票数 3
回答已采纳
我有两个组成部分。App.js 2.组件/测验组件我想通过使用REACT JS点击上的按钮，从初始化组件中获取quiz组件的setstate值。
我想要从quiz.js到App.js的setstate.isFinished值
浏览 0提问于2019-11-12得票数 0
1回答
使用Android导航组件。我有两个导航图(每个导航图都有自己的流)，比如说导航图A和B。我成功地从A导航到B，但我无法设法将参数从图A中包含的最后一个片段传递到属于图B的开始片段。
我可以在属于同一图的片段之间传递参数，但在导航到导航图时不会生成设置参数的函数。
我正在尝试使用safeargs来实现这一点。
下面是导航图的代码：
导航图A：
<navigation android:id="@+id/nav_graph_a"
xmlns:android="http://schemas.android.com/apk/res/android"
浏览 4提问于2018-12-10得票数 4
1回答
我使用两种方法在中构建APK。
使用react-native run-android并从projectFolder>android>app>build>output>apk获取最新的apk。
react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./andr
浏览 0提问于2018-03-04得票数 0
回答已采纳
运行在Pixel_3_API_29 Android10.0 x86上
我已经测试了这个模拟器与其他反应-本机代码发现，脱毒很好。
我不确定我的依赖会导致这个问题吗？
$ detox test -c android.emu.debug detox[8179] INFO: [test.js] configuration="android.emu.debug" reportSpecs=true readOnlyEmu=false useCustomLogger=true DETOX_START_TIMESTAMP=15861249762
浏览 0提问于2020-04-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
