如何翻译react native中的上下文菜单？
在React Native中，上下文菜单可以翻译为"Context Menu"。
上下文菜单是一个在用户长按某个元素时弹出的菜单，提供了与该元素相关的操作选项。它可以用于实现一些特定的交互功能，例如复制、粘贴、分享等。
React Native中可以使用第三方库来实现上下文菜单的功能，例如react-native-popup-menu。该库提供了一套简单易用的API，可以轻松地创建和管理上下文菜单。
优势：
- 提供了一种直观的用户交互方式，使用户可以快速访问与当前元素相关的操作选项。
- 可以增强应用的功能性和可用性，提供更多操作选项，提升用户体验。
应用场景：
- 在文本编辑器中，可以使用上下文菜单实现复制、粘贴、剪切等操作。
- 在图片浏览器中，可以使用上下文菜单实现保存、分享等操作。
- 在地图应用中，可以使用上下文菜单实现标记、导航等操作。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算产品和服务，可以帮助开发者构建和部署React Native应用。
- 云服务器（CVM）：提供可扩展的计算能力，用于部署React Native应用的后端服务。详情请参考：云服务器产品介绍
- 云数据库MySQL版（CDB）：提供稳定可靠的数据库服务，用于存储React Native应用的数据。详情请参考：云数据库MySQL版产品介绍
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储React Native应用的静态资源和文件。详情请参考：云存储产品介绍
请注意，以上推荐的产品和服务仅为示例，实际选择应根据具体需求进行。
相关·内容
我只想使用redux国际化我的react本地应用程序，但为了简洁起见，我将避开与redux相关的部分，因为整个应用程序运行得非常好。对于应用程序的每个屏幕组件，我创建一个上下文来包装屏幕组件并传递与屏幕相关的所有字符串。
因此，我在一个单独的文件中创建了上下文，并将其导出为Language
import React, { useContext, createContext } from "react";
import { useSelector } from "react-redux";
import { getTranslation } from ".
浏览 1提问于2021-10-14得票数 0
回答已采纳
我想在react native中以编程方式触发TextInput中的上下文菜单(复制和粘贴)。这有可能吗？
浏览 11提问于2021-06-30得票数 0
我使用的是来自Wix V1的react native 0.56.0和React Native导航。在React原生导航中，有一个选项可以启用抽屉。现在，如果用户在抽屉菜单中选择某个选项或在抽屉外单击，则可以关闭抽屉，但我想在X按钮上单击关闭抽屉。有没有人找到了这样做的方法？
浏览 0提问于2018-09-26得票数 2
1回答
我正试图在React-Native中写一个登录屏幕，但是我得到了下面的错误：enter image description here 我的SignInScreen代码： import React from 'react';
import {
View,
Text,
TouchableOpacity,
TextInput,
Platform,
StyleSheet ,
StatusBar,
Alert
} from 'react-native';
import * as Animatabl
浏览 23提问于2021-02-09得票数 0
看来babel在我的测试用例代码中有效，但是es6语法在node_modules中不起作用。
错误
环境
国家预防机制4.5
MacOS Sierra
jest配置
{
"preset": "react-native",
"globals": {
"__DEV__": true
},
"transform": {
"^.+\\.js$": "babel-jest"
}
}
巴伯尔
{
"env": {
浏览 7提问于2017-04-20得票数 19
回答已采纳
我在我的项目React Native中使用了react-native-webview。我的webview有一个javascript数组，我需要获取这个数组并在一个菜单中显示值，就像这个幻灯片菜单：https://raw.githubusercontent.com/instea/react-native-popup-menu/master/android.demo.gif 代码： function WebViewPage(){
const html = `
<html>
<body>
<d
浏览 43提问于2020-07-17得票数 2
回答已采纳
我有一个问题，在创建一个简单的反应模块，可以用于移动和反应本地网站。
我在react本机模块中定义了简单的组件--参见下面的index.js。现在，为了响应本地web，需要将index.js转换为ES5 (例如/node_node/..bin/babel src -out文件index.js)。然而，对于移动，它不需要翻译。
我的问题是如何使这个组件既可以用于web，也可以作为一个反应模块的一部分？(因为package.json中只有一个主属性)。
index.js
import React, { Component } from 'react';
import { Text
浏览 5提问于2020-01-01得票数 2
我的项目结构如下所示
- components
- layout
- layoutA
- header.js
- footer.js
- layout.js
- views
- blogsite
- catgoriesView.js
- App.js
在header.js中，我有props.sections作为菜单的传递列表
return (
<React.Fragment>
<Toolbar component="nav&
浏览 2提问于2021-03-16得票数 0
回答已采纳
我是一个新的React-Native，到目前为止我很喜欢它。我正在尝试创建一个屏幕(用于跨平台应用程序)，在右上角有一个菜单图标，当点击时，我想打开一个菜单，希望用react-native-menu来显示‘注销’和‘帐户’菜单选项。在此之后，我很难弄清楚如何调用菜单。感谢任何人的帮助。
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
View,
} from 'react-native';
import Ac
浏览 0提问于2017-08-02得票数 4
回答已采纳
1回答
我使用Android8.1模拟器在Win10上调试我的React Native (0.62)应用程序和VS代码。在使用react-native run-android启动应用程序后，Ctrl+m会弹出开发菜单：
但菜单中没有Debug JS remotely选项。如何调出Debug JS Remotely选项
浏览 27提问于2020-05-24得票数 1
我试着让侧边菜单工作，我得到了它的功能，但现在我正在努力使onPress功能与一个按钮点击！
“未定义不是对象(计算'this.props.menuActions.toggle')”
它在TouchableOpacity中！
'use strict';
var React = require('react-native');
var SideMenu = require('react-native-side-menu');
var {
AppRegistry,
StyleSheet,
Text,
View,
浏览 1提问于2015-12-21得票数 0
我刚接触react native，我想知道我们是否可以使用react native为基于web的应用程序和移动应用程序共享相同的代码库。
如果是，那么如何做到这一点？
浏览 0提问于2017-12-27得票数 1
本地菜单是我的代码：
/**
* Sample React Native App
* https://github.com/facebook/react-native
*/
var React = require('react-native');
var SideMenu = require('react-native-side-menu');
var {
AppRegistry,
StyleSheet,
Text,
View,
Navigator,
} = React;
var ContentView = React.creat
浏览 6提问于2015-10-09得票数 5
我正在使用react-native-router-flux显示一个抽屉菜单，但当我单击汉堡包菜单时，它正在工作。但是，当我尝试从左向右滑动时，菜单没有显示，当我在菜单外单击时，也无法隐藏。
这是我的路线：
export default class App extends Component {
render() {
return (
<Router>
<Scene>
<Drawer
hideNavBar
浏览 12提问于2020-05-24得票数 0
在的帮助下，我正在观察项目的开发过程。
大约在1:07:00，我们正在添加“反应本地进口”。我们指的是。
我增加了react-native-safe-area-context npm一揽子计划。并且做了一个重要的
import { SafeAreaProvider } from 'react-native-safe-area-context';
但是这样做，我得到了一个错误，因为
不变冲突:尝试注册两个同名视图，在node_modules\react-native\Libraries\LogBox\LogBox.js:148:8上注册RNCSafeAreaProvider，
浏览 3提问于2021-09-09得票数 0
回答已采纳
从昨天开始，我开始在iOS模拟器中处理这个问题：
当我点击cmd+D中的iOS仿真器来打开开发菜单时，应用程序会在30秒内失去响应。然后，当我选择一些东西(例如，在铬中调试)。菜单消失了，但是应用程序在30秒左右没有响应。
这发生在刚刚创建的应用程序中：react-native init testapp
在android仿真器中，它工作得很好。
视频示例(我试图每秒钟点击菜单项，然后点击计数按钮)：
代码：
$ react-native --version react-native-cli: 0.1.10 react-native: 0.19.0
浏览 3提问于2016-01-31得票数 10
回答已采纳
我编写了一个移动应用程序，通过使用react本机从用户那里收集一些数据。它使用react native 0.57.4，react 16.2.0，react-redux 5.0.5，prop-types 15.5.10,，react-navigation 1.0.0-beta.11。我还使用在web视图中创建调查问题，也就是说，基本上嵌套一个包含SurveyJS调查的webview在一个React中。
Package.JSON
{
"name": "SurveyJSInWebViewWithReactAndReactNative",
"versio
浏览 0提问于2018-11-12得票数 0
在iOS上运行react-native项目时发生以下错误。这个项目在android上运行得很好。在终端项目中成功构建，没有任何错误。但当应用程序启动时，它会在闪屏后崩溃。
Package.json
{
"name": "TestProject",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.j
浏览 5提问于2018-08-23得票数 1
2回答
我对React-Native非常陌生。我正在尝试通过实现'react-native drawer‘组件将侧栏/汉堡菜单添加到我的应用程序中。首先，我尝试将GitHub中的示例代码添加到我的新测试项目中，只是为了理解它是如何工作的。我面对屏幕上的错误。
如果我能得到一些帮助，我会很高兴的。或者你可以建议我更简单的方式来实现我的项目侧栏/汉堡包菜单。
import Drawer from 'react-native-drawer';
import React, {Component} from 'react';
import SideBarContent f
浏览 3提问于2017-03-12得票数 3
回答已采纳
2回答
假设我创建了一个简单的来检查我是否已连接
import NetInfo, { NetInfoState } from '@react-native-community/netinfo';
import Constants, { AppOwnership } from 'expo-constants';
import React, { PropsWithChildren, createContext, useContext, useEffect, useState } from 'react';
import { Platform } from &
浏览 1提问于2021-07-19得票数 1
回答已采纳
1回答
我正在使用react-native和react-navigation-drawer为导航beetwen屏幕生成一个侧边菜单。我的问题是:是否有一种方法或指南可以将子页面放在侧边菜单中？ 欢迎任何建议，并预先感谢您在左侧如何显示我的菜单和右侧是我想要的： ?
浏览 40提问于2021-03-01得票数 0
回答已采纳
1回答
我正在开发一个电子反应/Redux应用程序，这需要能够在飞行中改变语言。目前，我们将一些字符串存储为常量(对于不是React组件的组件，例如对话框内容)，我们还有一个从模板生成的菜单(见下文)。我们目前正在使用i18n-react库，它看起来很容易使用，并支持一些高级功能，如复数等。这是为我们的菜单加载英文翻译的一个示例：
import T from 'i18n-react';
T.setTexts({
menu: {
file: {
label: '&File',
new: '&New...'
浏览 0提问于2017-04-20得票数 0
1回答
我刚接触React native，我已经在我的应用程序中添加了react导航抽屉菜单，但是如何为菜单项添加边框颜色呢？我已经这样做了 options={{
drawerLabel: 'Page title',
drawerIcon: () => (
<View
style={
{
borderLeftColor: 'red',
浏览 5提问于2021-03-29得票数 0
回答已采纳
1回答
react native camera，onBarCodeRead不工作，我已经安装了react-native-camera，代码触发cammera，但它不能读取或发现条形码，即使使用onBarCodeRead功能。下面是我的代码和截图
import React, { Component } from 'react';
import { Image, Platform } from 'react-native';
import { connect } from 'react-redux';
import { Actions } from
浏览 5提问于2017-07-20得票数 0
我想有一个上下文菜单触发长按不同的地方使用React Native。
即在类似默认dailer的拨号器中。你可以长时间点击任何联系人，并得到一个“复制号码”菜单。而且，一旦你打开了他们的“联系人卡片”，你也可以长时间点击他们的名字。
直接的方法需要大量复制粘贴的样板，包括组件和处理程序。
有没有更好的模式来做到这一点？
浏览 0提问于2017-10-14得票数 3
1回答
我正在尝试使用react实现聊天应用程序--下面是我的依赖项。
"dependencies": {
"@react-native-async-storage/async-storage": "~1.17.3",
"@react-native-community/masked-view": "^0.1.11",
"@react-navigation/bottom-tabs": "^6.3.3",
"@react-navigation/native
浏览 8提问于2022-09-04得票数 0
我使用'react-native init --typescript‘创建了一个项目，将react-native升级到了0.59.5，使用npx babel-upgrade升级了babel，安装并配置了metro-react-native-babel-preset。但是，现在日志显示名称空间不受支持。我还有什么要做的吗？ 我尝试过清理npm缓存，删除node_modules目录，然后重新安装npm。我甚至尝试过重建这个项目。 .babelrc {
"presets": ["module:metro-react-native-babel-preset"
浏览 29提问于2019-04-19得票数 0
2回答
我已经开发了侧边菜单使用反应本机侧边菜单，并想知道如何样式图像的设计在下面的图像：
它只是使用样式来做吗？如果是这样，可以调整侧边菜单的屏幕宽度，因为也没有找到任何解决方案。谢谢。我使用react-native- side -menu完成的侧边菜单。
//侧边菜单代码：
<View style={{backgroundColor: '#ededed', marginBottom: 20}}>
<TouchableHighlight>
<Text>Menu</Text>
</Touc
浏览 16提问于2017-08-02得票数 0
1回答
无法显示React本机自定义图标
、、、、
我正在尝试添加一个自定义图标，我遵循了下面的教程：https://www.reactnative.guide/12-svg-icons-using-react-native-vector-icons/12.1-creating-custom-iconset.html 我将icomoon.tff文件放在./assets/fonts中，所以在我的package.json中，我添加了： "rnpm": {
"assets": [
"./assets/fonts"
]
}, 然后在我的HomePage.js中： impor
浏览 28提问于2021-08-12得票数 0
我目前正在开发一个混合的React Native / Android应用程序，但我在显示React Native debug菜单时遇到了问题。
我放置了：
<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
在调试清单中，并在RN活动中使用相关的onKeyUp处理程序来触发菜单，但当尝试访问此菜单时，控制台会记录以下内容：
E/unknown:ReactNative:无法启动开发选项菜单，因为react活动不可用
我的版本是0.54，菜单与标准的脚手架RN应用程序
浏览 0提问于2018-04-05得票数 1
尝试使用react本机-地理定位-服务和我遵循设置提供，但仍然得到错误。我正在使用：
react-native"："0.63.4，react-native-geolocation-service"："^5.2.0
import Geolocation from 'react-native-geolocation-service';
Geolocation.getCurrentPosition(
(position) => {
console.log(position);
浏览 2提问于2021-02-19得票数 0
我们如何在所有应用程序中添加一个新的上下文菜单选项，当用户选择文本并在其上长时间按下时才会显示出来？
假设我想为用户提供从离线字典中查找单词含义的能力，而不必从他的应用程序上下文中导航。
通常，要添加上下文菜单，我们需要对特定的registerForContextMenu对象执行TextView。考虑到所有应用程序都需要这样做，我们如何添加上下文菜单选项？
如何阅读选定的文本？
如何在当前打开的应用程序之上呈现弹出控件？
我对android开发非常陌生。因此，任何关于样本的详细答案或指示都会有很大帮助。我认为这应该是可能的，因为应用程序“定义”，“定义离线字典”似乎做了一些
浏览 11提问于2017-02-21得票数 6
回答已采纳
在"Connect(App)“的上下文中找不到”商店“。对象中的根组件，或者将自定义的React上下文提供程序传递给和相应的。
*
我认为问题在于新的react上下文api..。
查看“卫高”的帖子
*
import React, { Component } from 'react';
import { Text, View } from 'react-native';
import{connect, Provider} from 'react-redux';
import store from './Redux/store
浏览 0提问于2019-07-18得票数 2
我正试图跟随youtube上的一个视频，开发一个以react为母语的kanban板，这个视频教程是用于react的，而且我对反应和反应非常陌生--原生的，甚至一般的javascript。
App.tsx：
import React, {useState, useRef} from 'react';
import {Text, SafeAreaView, Image, Animated, View, Button, StyleSheet,Pressable,TextInput,TouchableOpacity} from 'react-native';
impor
浏览 4提问于2022-03-25得票数 -2
1回答
我的应用程序需要提供一个颜色主题，而且我正在尝试使用React上下文来实现主题提供组件，但是它不起作用。我不知道如何从主题提供程序的上下文中获取theme支持对象，以及如何调用作为主题提供程序状态的updateTheme函数？这是我的密码：
ThemeProvider
import React from "react";
import { LightTheme, DarkTheme } from '../themes'
const Context = React.createContext();
export class ThemeProvider exte
浏览 0提问于2020-07-28得票数 3
回答已采纳
我正在做React Native项目。这有一些不可编辑的TextInput框，我想要的功能，当用户在他们中的任何一个长按时，它应该显示一个菜单或弹出与选项，以启用文本框中的编辑。
我找到了一些菜单库，但它们并没有像预期的那样工作。我也尝试了react-native-paper菜单，但问题是我必须将我的代码放在菜单下，这是没有用的。有没有更好的方式使用它，比如长按，我只需调用一个函数，它就会显示菜单。
当前代码为：
import * as React from 'react';
import { View } from 'react-native';
import
浏览 19提问于2021-03-11得票数 0
2回答
React Native下拉菜单
、、、、
如何在React Native中实现下拉菜单。类似于我们为网络所做的事情。这是可能的吗，或者下拉菜单在手机上是不同的吗？我看到react原生有一个Picker，但现在它被弃用了。欢迎对其他广泛使用和可定制的库提出任何建议。
浏览 20提问于2021-08-10得票数 0
我在react native.I OS上工作。我正在尝试打开配置菜单，但菜单无法从remote.Is打开，就像我们如何摇动或使用( windows中的ctrl +m或mac中的ctrl+D)来打开android TVOS中的菜单一样。
浏览 1提问于2019-04-08得票数 0
我有以下react-native代码： import React from 'react';
import {AppRegistry} from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator} from 'react-navigation-stack';
import { createDrawerNavigator} from 'react-navigation-dr
浏览 20提问于2020-01-10得票数 1
回答已采纳
如何在React Native development的Release build中启用调试菜单(通过摇动设备)？(我没有使用世博会)
浏览 34提问于2019-10-08得票数 0
应用程序在调试模式下崩溃，在像m205f这样的手机中没有错误，有些手机运行良好，我使用其他的react本地应用程序和它的ok，我的package.json，我尝试了这么多的事情，但没有发生什么事情，仍然在崩溃模式和apk是工作良好，没有任何崩溃或不寻常的东西。
“依赖关系”：{
"@craftzdog/pouchdb-core-react-native": "^7.0.0",
"@craftzdog/pouchdb-replication-react-native": "^7.0.0",
"@react-native-co
浏览 4提问于2022-02-16得票数 1
1回答
这些在react-native中声明变量的方式有什么不同。
import React, { Component } from 'react';
import { AppRegistry, Image, View, Text, } from 'react-native';
export default class Hello extends Component {
render() {
**const var1 = 'hi';**
return ( );
}}
import React, { Component } from 'react
浏览 1提问于2018-03-25得票数 7
回答已采纳
电流行为
我有一个使用 v5进行路由的反应本机应用程序。
我在所有视图中都有一个抽屉(离开菜单左)，我使用stackNavigation进行页面转换。
因为(1)，我的结构是drawerNavigator (a) > stackNavigator (b) > views (c)。
当我试图在我的useNavigation()中调用<DrawerContent />钩子时，我有以下错误：
Error: We couldn't find a navigation object. Is your component inside a navigator?
at
浏览 3提问于2020-02-06得票数 8
回答已采纳
应用程序在安装React本机恢复库之前运行良好，但在远程调试时已开始崩溃post安装。除非重新安装并显示此错误，否则它甚至不会重新启动：
尝试在空对象引用上调用接口方法的java.lang.String java.lang.String
这个应用程序没有启动，但是按照React中的安装说明，它可以正常工作，但是每次我试图连接到远程调试器时，它都会崩溃。
"dependencies": {
"@react-native-community/cli": "^6.3.0",
"@react-native-co
浏览 28提问于2021-12-08得票数 4
回答已采纳
2回答
我无法安装组件，因为我得到了以下错误：
npm install react-native-side-menu
Rdemo@0.0.1 /home/mss/Desktop/cakenew25_aug/MagentoLatest/Rdemo
+-- UNMET PEER DEPENDENCY react@16.0.0-alpha.6
`-- react-native-side-menu@0.20.1
npm WARN react-native-selectbox@0.1.2 requires a peer of react@>15.0 but none was installed.
np
浏览 3提问于2017-05-31得票数 0
我在Reactinative0.43.3开发了一个项目
我犯了一个错误，我只在iOS中开发和测试所有项目。(在那里工作很好)
问题是当我试图生成APK上传到PlayStore时，并在我发现的错误的设备上进行测试：
不能将android.widget.imageview转换为android.view.viewgroup
我的主要问题是如何显示错误。是在死的红色屏幕上，我不知道如何在反应本机中找到发生错误的线和组件。我想我可能无法意识到这一点，因为javascript代码已经编译好了。
不管怎样，我不知道怎么解决这个问题。
我认为可能是因为我在图像中使用了旋转器(以显示正在加载的图像)，类似于：
浏览 7提问于2017-06-08得票数 0
我们有一个用于移动平台的React Native应用程序和一个用于web的React应用程序，我们在这两个平台上都使用redux进行状态管理，我们正在考虑使用react native中的WebView，这些WebView将从APK内部的react捆绑包中本地提供服务。我想检查当通过WebView通信时，是否可以通过window.postmessage在react native和react本地捆绑组件之间连接react native状态。
下面是我在这个用例中使用的一些链接。这更多的是一个可能的问题，请让我知道从哪里开始。
浏览 2提问于2020-04-26得票数 2
我想通过react-native-router-flux的header组件使用react-native-options-menu中的OptionsMenu菜单。
MenuOptions.js：
import React from 'react';
import OptionsMenu from "react-native-options-menu";
import Icon from "react-native-vector-icons/Ionicons";
const MenuOptions = () => {
const my
浏览 0提问于2019-03-19得票数 1
1回答
我有一个基本的react-native应用程序，我正在一个真正的Nexus 5上运行，我无法找到一种方法来启用开发人员菜单，这是为iOS和模拟设备提供的。
方法1:使用亚行反向(建议)
如果您的设备运行Android5.0 (Lollipop)，启用了USB调试，并且通过USB连接到您的开发机器，则可以使用此方法。
在命令提示符中运行以下命令：
$ adb反向tcp:8081 tcp:8081您现在可以使用开发人员菜单中的Reload，而无需任何其他配置。
当我运行react-native run-android时，我在终端中看到了这一行
Running adb -s 06adb2
浏览 3提问于2017-03-28得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
