如何禁用映射函数React或react- TextInput中的特定本机字段
在React或react-native中禁用映射函数或特定本机字段，可以通过以下步骤实现：
- 禁用映射函数：在React中，映射函数通常用于将数据映射到组件的props上。如果要禁用映射函数，可以直接在组件中使用静态数据，而不是通过映射函数获取数据。这样可以避免使用映射函数的过程。
- 禁用特定本机字段：在React或react-native中，TextInput组件用于接收用户输入。如果要禁用特定本机字段，可以使用TextInput组件的属性来实现。以下是一些常用的属性：
- editable：设置为false可以禁用TextInput的编辑功能。
- selectTextOnFocus：设置为false可以禁用TextInput在获取焦点时自动选中文本。
- keyboardType：设置为其他类型，如'numeric'、'email-address'等，可以限制TextInput只接受特定类型的输入。
- maxLength：设置为一个数字，可以限制TextInput接受的最大字符数。
- 通过设置这些属性，可以禁用特定本机字段或限制用户输入的类型和长度。
总结起来，要禁用映射函数React或react-native中的特定本机字段，可以通过直接使用静态数据替代映射函数获取数据，并使用TextInput组件的属性来禁用或限制特定本机字段的功能。这样可以实现对特定字段的禁用或限制。
相关·内容
我基本上想要插入一个带有react@15.6.0和react-本机@0.45.0的react-原生项目，因为依赖问题。然而，react-本机命令只允许我指定react-本机版本：
react-native init sample --version react-native@0.45.0
此命令不起作用：
react-native init diskful --version react-native@0.45.0 --version react@15.6.0
这也是：
react-native init diskful --version react-native@0.45.0 react@
浏览 4提问于2017-07-07得票数 11
回答已采纳
我将升级react-本机，但是在我升级之前，我需要知道我要升级的版本，看看是否有任何关于从我的版本升级的特殊注释。
如何找到在我的Mac上安装的react本机版本？
浏览 21提问于2016-05-21得票数 159
回答已采纳
2回答
我想在react native中创建具有材料输入文本的表单。与此处所示的相同
以下是我的代码
import React, { Component } from "react";
import { Platform, StyleSheet, Text, View, TextInput } from "react-
native";
export default class App extends Component<Props> {
render() {
return
浏览 6提问于2018-12-03得票数 0
2回答
我已经开发了一个iOS移动应用程序在react本机，我想在应用商店分发。我已经参加了开发商项目，我很快就能拿到证书。我的本机iOS应用程序在模拟器上运行得很好。
这是我的第一个iOS应用程序，我不知道如何在app上分发一个反应本地应用程序。
目前，我使用的是React版本: 0.14.8和react-原生版本0.29.0，我试图创建一个离线包，但它没有工作。
任何帮助都将不胜感激。
浏览 2提问于2016-08-16得票数 2
回答已采纳
我已经开始学习react-本土化的，当我在网上学习不同的教程时，有些使用Ecma6，而另一些则没有它。我读过的大多数地方都说，我们可以选择使用任何一种语法。但是当我尝试创建没有ECMA6的应用程序时，它总是会给我带来这个错误。
undefined is not a function evaluating react create class
这是我的密码：
'use strict';
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
TextIn
浏览 1提问于2016-06-16得票数 0
回答已采纳
1回答
按照中的建议，在使用react-本机升级之后，我得到了：
信息没有通过版本。最新的..。在v0.59.10和v0.61.2之间获取信息差异.错误未能获取react的diff -本机@0.61.2。也许它还没发布？有关diff的可用版本的信息，请参阅：
更改为特定的版本(react本机升级0.61.0-rc.0)没有帮助。
环境：
react-native -v
react-native-cli: 2.0.1
react-native: 0.59.10
npm -v 6.12.0
node -v v10.16.0
系统: windows 10
浏览 5提问于2019-10-18得票数 1
我已经成功地为一个react原生项目实现了屏幕跟踪，该项目将react导航与react- native -firebase/analytics结合使用。 查看events下的仪表板，我看到以下事件(下图)。正如您所看到的，前两个事件被自动跟踪为1. MainActivity，2. UIViewController，它们占据了总数的大部分。我想从跟踪中删除这些屏幕，以只显示应用程序的JS侧的屏幕(反应导航)。 这个是可能的吗？我如何才能做到这一点？ 提前谢谢你，??❤️??♂️ ?
浏览 28提问于2020-04-06得票数 5
回答已采纳
我有以下代码，并且只在我的android设备上获得此错误: IllegalViewOperationException:无法在dispatchViewManagerCommand上使用标记标签执行dispatchViewManagerCommand操作，因为该视图不存在
如果用户键入输入字段并按下next，则会发生错误。如果输入字段为空，当我单击next时没有出错。
import React, { useContext, useEffect, useState, useCallback } from 'react';
import { TouchableHighlight }
浏览 1提问于2021-05-19得票数 6
我在这里遇到了一个与react本机异步存储有关的问题：。
当我运行react-native run-ios时，会出现以下错误：
我使用的是react-本机0.52.0，这个问题可能是由于react-本机-异步存储的依赖关系造成的：
react-本机-异步存储@1.0.0需要一个对等点-本机@^0.47.2，但没有安装。您必须自己安装对等依赖项。
奇怪的是，它对Android很好，但对iOS和iOS模拟器都不起作用。
有人能帮忙吗？
编辑
我想补充一些可能有用的要点：
我使用进行开发，
我已经对代码中的每个AsyncStorage进行了注释，但问题仍然存在，
正如注释中
浏览 3提问于2018-04-28得票数 7
在我的应用程序中，我已经实现了几个TextInput，在iOS中一切都很好，但是，在android中，每当我单击文本输入键盘显示，然后直接关闭，甚至在输入任何东西之前。
我在应用程序中尝试了几个屏幕，在每个屏幕上都发生了相同的问题，我甚至尝试在全屏中导入TextInput，而不使用任何其他组件(除了相同的问题)。我不确定由什么或如何调试它引起的问题。
我希望有人能带我找到解决方案。
更新
调试后，问题似乎是由@react-navigation库引起的。当将TextInput导入到NavigationContainer之外时，它可以正常工作。
举例生产：
导入屏幕的TextInput
const
浏览 5提问于2022-08-10得票数 -1
回答已采纳
我想删除下划线，同时在android设备上的react本机TextInput组件中键入文本。只要按enter或空格键，文本下划线就会移除。在我们输入那个词之前就会显示出来。
我尝试了以下几种选择：
autoCorrect={false}
spellCheck={false}
UnderlineColorAndroid=“透明”
underlineColorAndroid="rgba(0,0,0,0)“
<TextInput
autoCorrect={false}
spellCheck={false}
underlineColorAndroid=
浏览 5提问于2022-06-12得票数 0
回答已采纳
2回答
我会卸载react-native-reanimated。摘除前有unlinked。
输出：
> npx react-native unlink react-native-reanimated
warn Calling react-native unlink [packageName] is deprecated in favor of autolinking. It will be removed in the next major release.
Autolinking documentation: https://github.com/react-native-community/
浏览 1提问于2020-04-29得票数 3
1回答
升级本机依赖关系的最佳方法
、、、、
最近，我加入了一家新公司，发现有许多过时的项目依赖关系，例如react导航@2.x.x、react-本机-firebase、react-原生的等等。现在我想升级所有这些依赖项。现在，另一个令人关注的问题是，其他四名开发人员正在对过时的软件包进行开发。
那么最好的方法是什么？
提前感谢
浏览 1提问于2022-05-05得票数 1
回答已采纳
我想显示ItemName，如果是ItemDeliveryStatus==1，则显示已禁用的TextInput，否则在地图函数react- TextInput内显示可编辑的TextInput
const [arrayList, setArraylist] = useState([
{ id: 0, ItemName: 'A', ItemDeliveryStatus:1 },
{ id: 1, , ItemName: 'B', ItemDeliveryStatus:1 },
{ id: 2, ItemName:
浏览 3提问于2021-07-08得票数 1
我使用的是react-原生版本(不是expo)，react-原生版本是0.64.2，恢复版本是2.2.3，reanimated2 interpolateNode有一些问题。这里是再现问题的零食
以下是代码：
function AnimatedSomething(){
const inputRange = [0, 1];
const outputRange = [1, 0.4];
const sharedPosition = useSharedValue(1);
const opacityStyle = useAnimatedStyle(() => {
cons
浏览 10提问于2022-05-05得票数 0
回答已采纳
这是我got..and的例外，这对我来说毫无意义.
无效钩子呼叫。钩子只能在函数组件的主体内调用。这可能发生在以下原因之一: 1. React和呈现器(例如React ) 2的版本可能不匹配。您可能违反了Hooks 3的规则。在同一个应用程序中可能有多个React副本，参见fb.me/react-无效-钩子-调用有关如何调试和解决此问题的提示。
这是我的组件.我只是想归档一个标准的登录/密码屏幕.
import React from 'react'
import { View, Text, TouchableWithoutFeedback, TextInput } from &
浏览 2提问于2019-09-23得票数 4
我正在尝试为TextInput创建onFocus样式，但是无论我怎么尝试，它都无法工作。 以下是我当前的代码 import React from 'react';
import { TextInput } from 'react-native';
import { styles } from './styles';
const Input = (props) => {
const [focused, setFocused] = React.useState(false);
return (
<TextInput
浏览 16提问于2020-10-20得票数 2
回答已采纳
我正在开发一个react-原生应用程序，需要一个与iOS上的"messages“应用程序中的文本视图具有类似功能的TextInput，它应该从一行开始，然后优雅地扩展到更多的行，直到有一些限制(比如5行文本)，然后根据需要滚动到最新的行。
看一看SlackTextViewController，但是( a)它似乎有很多我不想要的东西；( b)我想尽量保持尽可能多的代码在React中(并且远离objective/ want )。
编辑:我只想强调，我更喜欢像上面所述的REACT (JAVASCRIPT)代码，而不是Objective或Swift.。
浏览 6提问于2015-07-17得票数 27
回答已采纳
背景:我已经开始使用react-本机-firebase和react-本机来集成Cloud。我将开始在我的测试应用程序中引入redux。
问题-作为我在这里选择的图书馆，反应本土化的火种可以继续吗？(相对于迁移到反应-还击-火力基地)
是否有一种简单的方法来总结这两个库之间的区别？我注意到使用react本机-firebase安装IOS和Android非常重要，所以我不确定react firebase是否使这更容易，但是如果它真的会在混合中丢失任何东西呢？
浏览 4提问于2017-12-01得票数 5
回答已采纳
我看到这种反应-本地人有TextInput，ListView，MapView .我不是在问按钮在哪里。我知道我可以从npm下载react原生按钮，但是由于在react中缺少“本地”按钮，我想知道我是不是以错误的方式接近了react-本地按钮。我是否应该在react上使用其他模式--本地应用程序，而不使用按钮是方法呢？
我应该用onPress来查看TouchableOpacity吗？
我还在想如何在反应中思考--本地人。
浏览 5提问于2016-03-23得票数 0
回答已采纳
1回答
我们如何在react-原生版本0.55.4中添加对react原生android应用程序的64位支持？
我目前在0.55.4和播放商店提供错误的64位支持。
浏览 2提问于2019-08-13得票数 1
回答已采纳
我混淆了react-native-cli和@react-native-community/cli。现在，我正在使用react-native-cli生成新项目。 然后我想尝试使用typescript进行原生反应。在文档中，他们说“删除react native cli”并安装@react-native-community/cli。 这样做之后，我可以使用typescript生成我的react原生项目。但是现在，我不能运行我的旧的react本机项目，因为我删除了react- native -cli。 我该怎么办？
浏览 86提问于2021-03-29得票数 0
回答已采纳
我创建了一个React-原生应用程序，然后使用这个种子github.com/frostney/react-native-create-library创建了一个React-原生库。
现在，我需要在库中使用这个包。
问题是:库不是一个反应本机应用程序，而geo库需要链接。
我不能改变反应-本地应用程序，不能使用直接在它的地理围栏，当然。
逻辑需要留在我创建的库中。
当我把我创建的库链接起来(上面已经有地理围栏包了)，以及我创建的应用程序时，geo fence gradle设置和android配置并没有出现在应用程序中。
这仅涉及Android。
浏览 0提问于2019-01-16得票数 0
回答已采纳
1回答
我想在输入字段上方的一行中显示这两个按钮
我在android设备上测试这个，两个按钮都是不可见的，我在世博和物理设备上测试这一点，我在终端或消息上没有看到任何错误。
import React from 'react';
import {View, Text, StyleSheet, TextInput, Button} from 'react-native';
const StartGameScreen = props => {
return(
<View style={styles.screen}>
浏览 1提问于2019-10-04得票数 0
回答已采纳
在react-本机0.70之前，我使用了以下配置
//file react-native.config.js
module.exports = {
project: {
ios: {},
android: {},
},
assets: ['./src/assets/fonts/aaa', './src/assets/fonts/bbb'],
};
只是打电话
react-native link
它处理链接工作，现在我得到了error: unknown command 'link'，如何做相同的工作？
浏览 14提问于2022-10-24得票数 0
我将我的应用程序升级为react-原生0.61.2，所以我不得不将react-原生--firebase升级到6.0.3，我从添加@react-native-firebase/app和@react-native-firebase/messaging包开始。
import { Platform } from 'react-native'
import { firebase } from '@react-native-firebase/messaging'
// pluck values from your `GoogleService-Info.plist` yo
浏览 4提问于2019-10-29得票数 1
我是新来的反应本机，我正在使用它来创建一个应用程序有点像一个Instagram克隆。我正在使用，世博会cli和firebase。一切都很好，直到我尝试恢复到应用程序。这是一款公司要求我制作的应用程序，作为我大学实习的一部分，我以前从未使用过react/react-本地/防火墙等等。
下面是我的代码：
Firebase.js
import app from 'firebase/app';
const firebaseConfig = {
apiKey: "AI*********",
authDomain: "*********",
p
浏览 7提问于2022-04-28得票数 0
下午好，在我修改了react- currentFocusedField FocusedInput中的createKeyboardAwareNavigator.js文件后，我得到了使用node_modules的react。我在我的项目目录中搜索currentFocusedField的其他实例，但没有一个。我是否错过了在更改后重建node_modules的步骤？
import React from 'react';
import { TextInput } from 'react-native';
export default (Navigator, navi
浏览 2提问于2021-03-04得票数 0
我刚刚开始学习Reactive原住民，并希望将输入字段添加到页面中。我已经通过添加了输入字段。但是，每当我运行React时，它都会抛出以下错误。
./src/Inputs.js
Module not found: Can't resolve 'react-native' in 'E:\hybrid\reactDemo\src'
我已经检查了react本机节点-模块是否存在，然后我才知道该模块是不存在的。我安装了它，再次运行应用程序，但它显示同样的错误。我花了8个多小时在这个问题上，但无法解决这个错误。我已经尝试了谷歌的所有解决方案，但没有一个对我有用。
浏览 2提问于2018-04-05得票数 16
据我所知，这会检查并警告React-本机代码及其生命周期。
我从上读到的
我如何使用它在反应本土化？
浏览 3提问于2019-11-17得票数 5
回答已采纳
1回答
我很难决定如何将这个示例应用程序包含在我的react本机应用程序中，以便进行视频转换。我发现我必须为这段安卓代码实现react-本机模块，但是在这种情况下，这些lib文件使其成为complex.so --本机应用程序中插入该示例代码的最佳方法是什么?本机应用程序是否应该将其转换为Android模块，然后将其集成到响应程序--使用原生modules.Anyone的本机应用程序是否知道如何做到这一点？
浏览 9提问于2016-12-23得票数 1
回答已采纳
我需要知道当前聚焦输入的位置才能进行一些计算。最后，我想对它调用.measure()。
我得到的是：
import { TextInput } from 'react-native';
const { State: TextInputState } = TextInput;
var currentlyFocussedField = TextInputState.currentlyFocusedField();
console.log('currentlyFocussedField', currentlyFocussedField);
但这只返回文本
浏览 27提问于2016-08-24得票数 6
回答已采纳
我使用的反应-本机-折叠在我的应用程序，以实现手风琴视图。
它工作得很好，但我们的需求发生了变化，我们不希望手风琴点击功能，也就是说，手风琴不应该在点击时展开。我可以通过创建一个单独的div来做到这一点，但我正在考虑一项工作，即重用相同的react-本机--可折叠的，并实现相同的功能。
手风琴密码-
const SECTIONS = [
{
title: 'First',
content: 'Lorem ipsum...',
},
{
title: 'Secon
浏览 3提问于2019-01-04得票数 0
回答已采纳
2回答
我已经复制和引用了所有的起始文件，以便在react原生中使用视频作为我的背景，但它仍然没有显示出来。我没有收到任何错误。我已经参考了文档，并被困在这里2个小时了。
这是我的代码
import React, { Component } from "react";
import { AppRegistry, StyleSheet, Text, View, TextInput } from "react-
native";
import Video from "react-native-video";
import LightVideo from &
浏览 1提问于2017-08-06得票数 1
2回答
我正在尝试使用redux表单来构建信用卡信息表单。但是，当用户在卡片上输入详细信息时，会出现这个弹出：
上面写着
由于此表单不使用安全连接，因此禁用了自动填写信用卡。
那么，我的问题是如何使用redux表单使表单安全？
这是我输入付款回收表的代码。
import React from 'react'
import { connect } from 'react-redux'
import PaymentView from './Payment.js'
import { reduxForm } from 'redux-form
浏览 3提问于2017-07-05得票数 1
我根据rnfirebase的文档安装了firebase，但是xcode抛出了一个错误：
ld:找不到-lFirebaseCore的库
我的库："react"："16.6.3"，“react原生”："0.58.6"，“react-本机-firebase”："^5.2.3"，
浏览 2提问于2019-03-04得票数 4
回答已采纳
我正在尝试升级，我遇到了以下情况：
error: bundling: UnableToResolveError: Unable to resolve module `react/lib/ReactComponentTreeHook` from `/Users/anthony/dev/apptova-react/node_modules/react-native/Libraries/Performance/Systrace.js`: Module does not exist in the module map or in these directories:
/Users/anthony/
浏览 3提问于2017-05-02得票数 1
1回答
我希望将webrtc集成到我的react本机应用程序中，安装了react-本机.Finished的包-所有文档中提到的步骤，但是我得到了错误消息。
无法获得com.android.build.gradle.internal.api.ApplicationVariantImpl.类型对象的未知属性“mergeResourcesProvider”错误的原因是什么。
浏览 3提问于2020-05-04得票数 0
我正在尝试将自动建议测试(react- autosuggest )作为TextInput。它可以作为TextField使用，但当我尝试在SimpleFormLayout中使用它时，自动建议输入没有发送任何数据。 使用我的输入的位置： const CardEdit = ({ record } = this.props) => (
<Card>
<SimpleFormLayout record={record}>
<TextInput label="fields.id" source="i
浏览 10提问于2019-01-14得票数 0
错误不变违反:选择器已从React本机中移除。现在，它可以从‘@react-本机-选择器/选择器’中安装和导入，而不是从“can本机”中导入。
请参阅
错误不变冲突:模块AppRegistry不是已注册的可调用模块(调用runApplication)。错误的一个常见原因是应用程序输入文件路径不正确。这也可能发生在JS捆绑包损坏或加载ReactiveNative时出现早期初始化错误时。
我正在尝试配置一个现有的react本机项目，但我正面临上述问题。
当项目显示以下错误时，我在项目中没有选择器。添加了@react
浏览 5提问于2021-11-27得票数 4
1回答
我在一个移动应用程序上工作(react-本地+pubnub)来进行WebRTC视频聊天。我的问题是pubnub没有针对react-native的特定SDK，我如何解决这个问题？
浏览 3提问于2016-07-24得票数 3
3回答
在跟随之后
(不使用博览会)
我遵循指南并通过创建Reacti-native.config.js文件禁用了自动链接。
但是当我运行react原生运行-android
error: package com.swmansion.gesturehandler.react does not exist
error: cannot find symbol
return new RNGestureHandlerEnabledRootView(MainActivity.this);
在此错误尝试将以下行添加到
**project/android/app/build.gradle**
浏览 0提问于2019-07-10得票数 3
回答已采纳
1回答
大家好，我正在努力学习ReactJS，我想知道为什么每个人都在使用标记来构建表单。
我是说当我使用这个代码时：
import { TextInput, Form, View } from 'react-native'
<Form onSubmit={this.onSubmit}>
<TextInput/>
</Form>
我发现了一个错误：
元素类型无效:预期为字符串(用于内置组件)或类/函数(用于组合组件)，但got:未定义。您可能忘记从定义在其中的文件中导出组件。
或者当我使用这个代码时：
impo
浏览 1提问于2017-09-12得票数 0
回答已采纳
在React-本机中，有一个名为KeyboardAvoidingView的组件，但是我找不到类似于Reactjs的组件。是否有一种方法，以确保键盘不覆盖输入和提交按钮，每当用户在移动输入？
浏览 2提问于2019-12-18得票数 0
1回答
反应本机拒绝使用图表
、、、
我是新的反应-本地人，我正在为Android开发一个应用程序。我试过用图表..。我从这里安装了node_module react-本机图表，并编写了以下组件，类似于入门教程中关于图表的使用部分中提供的组件。
import React, {Component, PropTypes} from 'react';
import Button from 'react-native-button';
import Chart from 'react-native-chart';
import {View,
Picker,
StyleShee
浏览 2提问于2016-12-29得票数 0
我正在创建一个ReactiveNative模块，作为现有安卓和iOS库的包装器。Android库是一个jar文件，iOS库是xcframework文件。我把xcframework文件放在ios文件夹中，jar文件放在android/libs文件夹中(我创建了libs文件夹)。我首先尝试了iOS库，在项目级podspec文件中添加了s.preserve_path、s.xcconfig和s.vendored_framework。我不确定我是否需要为pod规范文件做任何事情，比如运行它。因此，我继续下一步的工作，尝试在.m文件中导入库的.m。我尝试使用尖括号<>和引号"“。但是没
浏览 19提问于2022-07-19得票数 -1
回答已采纳
我有以下代码：
import React, {Component} from 'react';
import {Platform, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View,} from 'react-native';
import {Alert} from "react-native-web";
export default class HomeScreen extends Component {
state = {text: ''
浏览 16提问于2019-07-31得票数 0
回答已采纳
我正在用expo运行我的react-原生应用程序，我面临的问题是模拟由“react-原生”导出的NativeModules，我目前的解决方案是使用插件将“react-原生”模块重定向到我的“react-原生-代理”模块，该模块导出一个扩展NativeModules的代理对象。
一切都进行得很顺利，直到我想要使用expo-file-system来模拟我们的原生FileSystem api，expo-file-system是一个es模块，出现了一个由模块混合使用引起的错误。我尝试了import * as FileSystem from 'expo-file-system';中的ba
浏览 6提问于2022-07-19得票数 0
2回答
我有一个反应js网络应用程序项目。我需要开发与移动应用程序相同的项目。
我能否将我的reactjs web应用程序项目转换为react-本地移动应用程序项目？
如果是的话，我怎么做呢？
浏览 7提问于2022-10-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
