小编Jam*_*e T的帖子

问题:React-Native - 键盘在 TextInput 的每次击键时关闭

这个问题的完整免责声明 - 我已经使用 react native 工作了大约一两个星期,我怀疑我在没有完全理解原因的情况下遇到了这个问题!

问题:在 TextInput 字段中的每次击键时,键盘会自动关闭并且只记录第一次击键。

情况:我使用预定义数组作为 useState 的默认值。根据当前状态使用 .map() 调用 TextInput 字段。onChangeText() 更新状态以捕获对数组的更改。每次击键都会更新状态。

尝试的事情:

  1. 添加/删除 .map() 中使用的不同组件的 Key
  2. 将 keyboardShouldPersistTaps='handled' 添加到调用 .map() 的 ScrollView,包括所有其他可用的变体

有谁知道是什么导致键盘在每次击键时关闭,以及如何在继续捕获主状态中 TextInput 字段的更改的同时防止这种情况发生?

下面是我正在处理的代码片段(我已经删除了一些不相关的细节):

import React, { useState } from 'react';
import {
  View,
  Text,
  Button,
  TextInput,
  SectionList,
  SafeAreaView,
  TouchableOpacity,
  ScrollView,
  Modal,
} from 'react-native';
import { Picker} from '@react-native-community/picker';



//import custom components

import { styles, Break } from './MasterStyles';
import { inputData, ingredients } from './inputData';



function addNewLoaf() { …
Run Code Online (Sandbox Code Playgroud)

keyboard reactjs react-native array.prototype.map

5
推荐指数
2
解决办法
3420
查看次数