React-本机TextInput showSoftInputOnFocus不能正常工作
问题：React-本机TextInput showSoftInputOnFocus不能正常工作
回答：
React Native是一个用于构建移动应用的框架，它允许开发者使用JavaScript和React编写原生移动应用。在React Native中，TextInput组件用于获取用户的输入。在某些情况下，开发者可能需要在TextInput获取焦点时显示软键盘。在React Native中，TextInput组件有一个名为showSoftInputOnFocus的属性，可以用来控制该行为。然而，有时候该属性无法正常工作，导致无法在获取焦点时显示软键盘。
在处理这个问题时，可以尝试以下方法：
- 检查React Native版本：确保你使用的是最新版本的React Native。有时，旧版本可能存在一些已知的问题，升级到最新版本可能能够解决这个问题。
- 检查设备和操作系统：有些设备和操作系统可能对showSoftInputOnFocus属性的支持存在问题。尝试在不同的设备和操作系统上测试你的应用，看看问题是否依然存在。
- 使用其他解决方案：如果showSoftInputOnFocus属性仍然无法正常工作，可以考虑使用其他的解决方案。例如，可以尝试使用第三方库或插件来处理软键盘的显示和隐藏。一些常用的库和插件包括react-native-keyboard-aware-scroll-view、react-native-keyboard-spacer等。
需要注意的是，以上的解决方案仅供参考，具体的解决方法可能因具体情况而异。在解决这个问题时，建议参考React Native官方文档、社区论坛以及相关的开发资源，以获得更准确和详细的解决方案。
此外，腾讯云提供了一系列与云计算相关的产品和服务，但是在这个问题的背景下，暂时没有特定的腾讯云产品与此问题直接相关。如果您有其他关于云计算的问题，我很乐意为您提供相关的建议和指导。
相关·内容
当输入字段被按下时，我想显示我的自定义键盘组件。我想完全防止系统默认键盘被触发。 我曾尝试关闭onFocus上的键盘，但这会触发键盘，然后关闭键盘。 <TextInput
placeholder="type here"
onFocus={Keyboard.dismiss}
/> 我已经厌倦了在TouchableWithoutFeedback中包装TextInput，但是这个解决方案不起作用。 <TouchableWithoutFeedback
onPress={() => Keyboard.dismiss()}
浏览 40提问于2019-12-31得票数 3
回答已采纳
在我的placeholderTextColor中，标题的错误仍然存在，并且没有找到解决方案 import React from 'react';
import { TextInputProps } from 'react-native';
import { color } from 'react-native-reanimated';
import { Container, TextInput, Icon } from './styles';
interface InputProps extends TextInputPr
浏览 1053提问于2020-11-30得票数 0
我正在尝试实现TextInput，当我需要从这里获取文本时，我陷入了困境。我尝试了很多其他StackOverflow问题的选项，但对我来说都不起作用。
下面是我使用TextInput的代码：
export default class HomeScreen extends Component {
constructor(props) {
super(props)
this.state = {
text: ''
};
}
show = () => {
console.log(this.state.text)
浏览 46提问于2021-06-01得票数 0
回答已采纳
如果我单击任何ListView项目，TouchableOpacity就可以正常工作。但是当TextInput专注于-它不起作用时，你需要点击两次。首先，单击项目只会从TextInput中移除焦点。如何使它工作，而不移除焦点(在一次点击)。谢谢。
浏览 3提问于2016-02-17得票数 2
回答已采纳
我创建了一个React-原生应用程序，然后使用这个种子github.com/frostney/react-native-create-library创建了一个React-原生库。
现在，我需要在库中使用这个包。
问题是:库不是一个反应本机应用程序，而geo库需要链接。
我不能改变反应-本地应用程序，不能使用直接在它的地理围栏，当然。
逻辑需要留在我创建的库中。
当我把我创建的库链接起来(上面已经有地理围栏包了)，以及我创建的应用程序时，geo fence gradle设置和android配置并没有出现在应用程序中。
这仅涉及Android。
浏览 0提问于2019-01-16得票数 0
回答已采纳
我已经开始学习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
回答已采纳
React摄像机要求我们进行链接，react本机说我们必须cd到ios文件夹并运行pod安装，但是我们没有ios文件夹而不弹出应用程序，那么为什么以前的方法使用‘react-本机链接-反应-本地-照相机’的方法不能工作呢？有办法让它起作用吗？
浏览 1提问于2019-12-03得票数 0
回答已采纳
在我的应用程序中，我已经实现了几个TextInput，在iOS中一切都很好，但是，在android中，每当我单击文本输入键盘显示，然后直接关闭，甚至在输入任何东西之前。
我在应用程序中尝试了几个屏幕，在每个屏幕上都发生了相同的问题，我甚至尝试在全屏中导入TextInput，而不使用任何其他组件(除了相同的问题)。我不确定由什么或如何调试它引起的问题。
我希望有人能带我找到解决方案。
更新
调试后，问题似乎是由@react-navigation库引起的。当将TextInput导入到NavigationContainer之外时，它可以正常工作。
举例生产：
导入屏幕的TextInput
const
浏览 5提问于2022-08-10得票数 -1
回答已采纳
1回答
我有一个项目文件夹，它包含在React和React上开发的Web和Mobile应用程序，web依赖于将SymLink添加到postinstall脚本中，我面临的问题是React-本机Packager服务器也获得了该符号链接，而应用程序不能正常工作。起初，我遵循这个- ，但是getBlacklistRE默默地忽略了我正在传递的任何Regex。
编辑--这是我面临的实际问题，我已经尝试实现了上面提到的所有解决方案，但都没有成功。-
在我看来，EDIT2现在似乎不起作用，这也可能是因为我在网上使用的babel版本和React package.json之间的冲突造成的。
浏览 2提问于2018-07-17得票数 0
我一直在尝试创建一个简短的表单供用户填写，它在一个弹出式组件中工作。当按钮工作时，里面的TextInput组件看起来根本不能交互(没有键盘，什么都没有) 下面是我的代码： return (
<View style={styles.page}>
<View style={styles.button}>
<TouchableOpacity style={styles.button1} onPress={Something1}>
浏览 32提问于2020-07-15得票数 0
我想显示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
我正在尝试为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
回答已采纳
9回答
我在中使用。导航工作正常，但在一个屏幕上，goBack()函数不能工作。你能告诉我们为什么吗？
这是标题配置：
static navigationOptions = {
header: ({ state, goBack }) => {
return {
title: state.params.name,
right: (<Button
title={'Done'}
onPress={(
浏览 14提问于2017-05-15得票数 9
我想构建一个组件，它接受一个Icon参数，并将所有其他参数传递给一个样式化组件Input (基于TextInput)。在Javascript中，这很简单： import React from 'react';
import { TextInput } from 'react-native';
import styled from 'styled-components/native';
const Input = styled.TextInput`
color: #268596;
`;
export default ({ Icon, ..
浏览 18提问于2021-05-07得票数 0
回答已采纳
我基本上想要插入一个带有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
回答已采纳
1回答
我有一个反应本机纸TextInput，当我导航到一个屏幕时，我想自动聚焦它(使用react-本地导航)。我尝试过将autoFocus={true}设置在TextInput上，但这没有起作用。
在另一次尝试中，我试图通过监听屏幕上的“焦点”事件来手动调整焦点，但这只是在我第一次打开屏幕时才对其进行聚焦。有什么办法让它可靠地工作吗？
export default function NewAccountScreen({ navigation }) {
const [name, setName] = useState('');
const textInputRef = cre
浏览 3提问于2021-09-10得票数 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
回答已采纳
我有两种反应方式--本地人。其中一个完美地工作，另一个(在另一个组件中)有一个bug。当获得焦点时，表单中的TextInput保持模糊。
我制作的视频(见下面的gif )显示，每当我在输入中单击时，它就会得到焦点，然后紧接着就会模糊。
输入的代码(现在使用调试器)：
<TextInput value={group.name}
blurOnSubmit={false}
onBlur={() => console.log('I blur')}
onFocus={() => console.log('I focus')}
浏览 4提问于2016-01-07得票数 0
回答已采纳
在试图构建任何(新的或旧的)项目时，我会遇到此错误。我的节点在4.2.1版本上，react本机在0.1.7版本上。我看过其他有同样问题的人，所以我已经更新了react-原生于最新版本，但是我仍然不能通过xcode构建任何项目。
浏览 6提问于2015-11-11得票数 9
回答已采纳
1回答
升级本机依赖关系的最佳方法
、、、、
最近，我加入了一家新公司，发现有许多过时的项目依赖关系，例如react导航@2.x.x、react-本机-firebase、react-原生的等等。现在我想升级所有这些依赖项。现在，另一个令人关注的问题是，其他四名开发人员正在对过时的软件包进行开发。
那么最好的方法是什么？
提前感谢
浏览 1提问于2022-05-05得票数 1
回答已采纳
1回答
我想通过h264协议在iOS设备中通过IP/网络播放视频流。我用的是“反应本地人”。
我已经尝试了几个反应本地包如下所示，但没有设法使它工作。
反应-本机-vlcplayer
反应-土生土长
反应-本机pxplayer
我认为最接近的包是react-本机vlcplayer，但它似乎被放弃了。
有什么建议吗？
谢谢
浏览 3提问于2017-08-21得票数 8
在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- autosuggest )作为TextInput。它可以作为TextField使用，但当我尝试在SimpleFormLayout中使用它时，自动建议输入没有发送任何数据。 使用我的输入的位置： const CardEdit = ({ record } = this.props) => (
<Card>
<SimpleFormLayout record={record}>
<TextInput label="fields.id" source="i
浏览 10提问于2019-01-14得票数 0
我正在尝试实现。我创建了TextInput，希望在其中选择date并将其显示到此TextInput中，但什么也没有发生。我不知道该怎么做。
下面是我的代码：
主要组件代码：
constructor(props) {
super(props)
this.state = {
text: '',
show: false,
timestamp: new Date(1598051730000)
};
}
dateChange = (event, selectedDate) => {
let newDa
浏览 20提问于2021-06-02得票数 0
回答已采纳
所以我正在浏览<TextInput />上的Reactive原住民文档
我看到了一个名为“inlineImageLeft”的属性，它似乎在<TextInput />的左侧添加了一个图标。
但是在文档中，它指定图标应该存储在/android/app/src/main/res/drawable中。
但我使用的是一个世博会生成的项目。在世博会上可以使用这一房产吗？
下面是我从react-本机文档中尝试的示例，但是没有成功：
<TextInput
placeholder={`Search for ${currentMode}`}
style={styles
浏览 8提问于2022-07-26得票数 0
回答已采纳
我尝试从<TextInput>中的state设置Int值，首先将其转换为string (<TextInput>只能接收字符串)，然后我希望能够更改该值并使用新的<TextInput/>值更新状态值。当我试图更改<TextInput/>中的值时
我得到错误：undefined is not an object (evaluating 'this.state.keys.toString')
更新：
我从this.keyInt中删除了this，现在我在输入更新时收到了NaN，尽管错误已经消失了
React-本机代码：
class Cou
浏览 0提问于2018-05-07得票数 0
背景:我已经开始使用react-本机-firebase和react-本机来集成Cloud。我将开始在我的测试应用程序中引入redux。
问题-作为我在这里选择的图书馆，反应本土化的火种可以继续吗？(相对于迁移到反应-还击-火力基地)
是否有一种简单的方法来总结这两个库之间的区别？我注意到使用react本机-firebase安装IOS和Android非常重要，所以我不确定react firebase是否使这更容易，但是如果它真的会在混合中丢失任何东西呢？
浏览 4提问于2017-12-01得票数 5
回答已采纳
我正在开发一个react-原生应用程序，需要一个与iOS上的"messages“应用程序中的文本视图具有类似功能的TextInput，它应该从一行开始，然后优雅地扩展到更多的行，直到有一些限制(比如5行文本)，然后根据需要滚动到最新的行。
看一看SlackTextViewController，但是( a)它似乎有很多我不想要的东西；( b)我想尽量保持尽可能多的代码在React中(并且远离objective/ want )。
编辑:我只想强调，我更喜欢像上面所述的REACT (JAVASCRIPT)代码，而不是Objective或Swift.。
浏览 6提问于2015-07-17得票数 27
回答已采纳
我有一个简单的组件，它有输入，当我输入一些东西时，目标输入会改变，并且工作正常。
const ScaleLabel = (): JSX.Element => {
return (
<View>
{scaleLabel.map((label, i) => (
<TextInput
value={label}
onChangeText={(text) =>
setScaleLabel(
scale
浏览 1提问于2022-07-24得票数 0
回答已采纳
我希望普通输入使用相同的键盘密码。
keyboardType="visible-password"只在android上工作，这对我来说没问题，但是当我尝试将这个键盘应用到一个正常的输入时，它并没有显示我想要的键盘，它的顶部是数字。在这里，我希望：
我得到的是：
这里有一些代码。如果你能帮我，谢谢你
<TextInput
text={getRutInputValue(text)}
label={label}
textValid={isCheckRut}
textError={textErro
浏览 2提问于2022-06-20得票数 0
回答已采纳
我混淆了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
回答已采纳
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
回答已采纳
由于中一个有详细记录的问题，autoCapitalize for TextInput在Android上不能正常工作。我试图通过手动大写onChangeText()回调中的文本来解决这个问题：
onchgtext(newval)
{
this.s8 = newval.toUpperCase();
this.forceUpdate();
}
render()
{
...
<TextInput value={ this.s8 }
onChangeText={ (newval) => { this.onchgtext(newval) } }
浏览 0提问于2019-02-20得票数 1
我正在尝试创建新的抽屉导航，但是得到了下面的错误
Unable to resolve "react-native-screens" from "node_modules\@react-navigation\drawer\src\views\DrawerView.tsx"
Failed building JavaScript bundle.
但与我在新的空项目中使用的代码相同--在较早版本的“new导航”中使用了本机-抽屉："^2.6.2“，但在”new导航“中不起作用的代码："^4.0.10"，它显示了react-原生-抽屉被移除，@ne
浏览 6提问于2020-02-19得票数 0
回答已采纳
我正在尝试升级，我遇到了以下情况：
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回答
在编写时，我会被react-本机-redash库所困住。我不能使用向量(或vec)和onGestureEvent从反应-本机红，如在本视频。因为它们没有实现(vec只有“创建函数”，没有"set函数“)
有人知道是什么问题吗？我在我的项目中使用了打字本。我在redash文档中读过，但不知道在哪种情况下应用它。提前谢谢。
我在我的项目中使用的库：
“反应-本土化-复苏”："~1.7.0“
“反应-本机-红”："^15.6.0“
“反应-本机-手势处理程序”："~1.6.0“
“反应-本地人”："0.61.4“
浏览 3提问于2020-10-09得票数 4
我实现了一个自定义的react-由本地库支持的本机TextInput。它运行得很好，只是当我点击文本框外时，它不会自动模糊，键盘也不会消失。我也尝试过用Keyboard.dismiss()，它也不起作用。我查看了“正式”TextInput实现，以复制它，但没有成功。
我在自定义实现(componentDidMount)中添加了这段代码
if (this.context.focusEmitter) {
this._focusSubscription = this.context.focusEmitter.addListener(
'focus'
浏览 0提问于2018-08-30得票数 0
我想使用react本机-svg-转换器和react本机-混淆-转换器。但是当使用合并配置方法配置它时，它会工作，但是在某些时候，它会覆盖metro.config文件中的react本机-svg-转换器，并且react-本机-svg-转换器开始不能工作.how，我能解决这个问题吗？
使用mergeConfig
const { getDefaultConfig, mergeConfig } = require("metro-config");
module.exports = (async () => {
const {
resolver: { sourc
浏览 3提问于2022-06-21得票数 0
回答已采纳
1回答
反应-本土化降级
、、、
我尝试使用react本机调试器来调试我的应用程序。我发现react-本机调试器不能像我的react一样工作--本机在0.63.4版本中，而react本机调试器只支持0.62个版本。因此，他们之间没有联系。我只想要降级我的反应-本机为0.62或升级反应-本机调试器。
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo sta
浏览 5提问于2021-02-02得票数 0
我想做这个布局：
目前，我是这样做布局的：
菜单属于以下部分，而i marginTop：-30为其上面的图像FlatList是绝对视图，具有zIndex大于菜单的功能。FlatList有动态数据，FlatList的每一项都有textInput来搜索数据(查看此图)
我尝试过两种方法：First way:
用于列表过滤数据的，它受Flatlist区域的限制，因此我的筛选列表不能完全显示，只有2行可见，其余的过滤数据是不可见的。我试着增加Flatlist的高度，现在我可以完全看到过滤后的列表，但是我不能点击菜单按钮，因为菜单被Flatlist，Second way 覆盖，我使用Modal
浏览 1提问于2019-10-04得票数 0
1回答
我想改变textInput的值，但它改变了textinput的所有值，我知道这是因为状态的原因，但是正确的方式来处理这个textInput或者我使用的是来自react- numericInput -numeric-input的数值，谢谢你的帮助。
<ScrollView>
{this.state.display.map((info)=>{
return
<View style={{paddingBottom:5,alignSelf:'center'}} key={info.id}>
<View style={
浏览 3提问于2018-11-23得票数 0
1回答
我在一个移动应用程序上工作(react-本地+pubnub)来进行WebRTC视频聊天。我的问题是pubnub没有针对react-native的特定SDK，我如何解决这个问题？
浏览 3提问于2016-07-24得票数 3
我需要在现有的xamarin项目中导入本机ios和android代码，与react-本机do的导入相同。
ios： android:
是否可以在xamarin中实现？
谢谢!
浏览 3提问于2019-04-01得票数 0
回答已采纳
我正在构建一个react本机应用程序，并发现了我在文档之后开发的react-本机-多选择库。正在显示该视图，但未显示所选项，只有选定项的计数器工作。我认为这是因为我无法控制它的函数getSelectedItemsExt()是如何工作的，而且从我在互联网上的研究(如 )中，我只发现我应该这么做
<View>
{ this.multiselect
?
this.multiselect.getSelectedItemsExt()
:
null}
</View>
。虽然它帮助摆脱了红色屏幕，但它没有显示项目
浏览 1提问于2020-09-30得票数 1
回答已采纳
当我在textInput 项目编号中输入项目数时，我希望该项目的价格自动出现在textIinput 中。这是我的快速脚本，不能工作
请帮我改进一下，谢谢
constructor(props){
super(props);
this.state={
qty: 0,
prc: 0,
}
}
price = () =>{
var price = this.state.qty * 250;
this.setState({
浏览 4提问于2020-01-24得票数 1
我需要通过转换成文件或直接播放从base64编码的字符串中播放声音-本机使用react-本机-音频记录器-播放器。
浏览 6提问于2022-03-11得票数 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
在我的反应本地应用程序中，我有一个keyboardAwareScrollView和按钮在它下面。
当键盘没有显示时，ScrollView工作正常，按钮总是显示在屏幕底部。
但当键盘弹出时：
on iOS Button不显示在键盘(预期大小写)上，按钮在键盘上浮动(如下图所示)
我希望底部的按钮现在显示keyBoard何时打开(如在iOS中)。
<View style={{flex:1}}>
<KeyboardAwareScrollView keyboardShouldPersistTaps='handled'>
浏览 5提问于2020-10-19得票数 1
回答已采纳
我不得不使用multiline={false}并设置TextInput的高度，以便像显示文本区域一样显示它。原因是multiline={true}与KeyboardAvoidingView ()不能很好地协同工作。
下面是一个简单的代码：
<TextInput placeholder="Input text here..." style={{height: 200}} multiline={false} />
输出结果是：
我只想让文本在顶部对齐。不过，Android也能正常工作
浏览 0提问于2020-11-16得票数 0
我知道react原生的做法是使用onChangeText来改变值，如下所示。
<TextInput
onChangeText = {(text)=> this.setState({myText: text})}
value = {this.state.myText}
/>
然而，我想知道我是否可以做这样的事情。总而言之，我想遍历所有的TextInput并得到ref和value。我只想在javascript way中做如下事情。这有可能做到吗？
<TextInput id="id1" ref={ref => (this.remark
浏览 4提问于2020-01-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
