Android 上的键盘打开后立即消失

Ste*_*eve 5 keyboard native reactjs expo react-native-flatlist

问题:在动态填充的列表中选择输入框时,键盘立即消失。仅当选择页面底部附近的输入框时才会发生。

发生在:Android(适用于 ios)

该应用程序是用 Expo 创建的,我还没有弹出。

目前使用 KeyboardAwareFlatlist,但是如果我将其切换为 FlatList,问题仍然会发生。下面是 TextInput 的代码。如果您需要任何其他代码,请告诉我。

<TextInput
  style={{
  color: 'black',
  backgroundColor: 'white',
  padding: 5,
  fontSize: 16,
  marginBottom: 10,
  }}
  keyboardType={'numeric'}                                       
  returnKeyType='done'
  onChangeText={(text) => this.setDuration(text, index)}
  value={item.duration.toString()}
 />
Run Code Online (Sandbox Code Playgroud)

发行视频:https://www.youtube.com/watch? v=U3Ps_tz4Uxw&feature=youtu.be

小智 4

所以我遇到了非常相似的事情,尽管它与 FlatList 无关。

我的解决办法是像这样添加removeClippedSubviews={false}

<Input
    id="description"
    label="Description"
    errorText="Enter a valid Description"
    keyboardType="default"
    removeClippedSubviews={false}
    autoCorrect
    multiline
    type="text"
    required
/>
Run Code Online (Sandbox Code Playgroud)

虽然看起来有点脏,但也有效的是使用:

keyboardDismissMode='none'

就像这样:

<Input
    id="title"
    label="Title"
    keyboardDismissMode='none'
    errorText="Enter a valid title"
    autoCapitalize="sentences"
    keyboardType="default"
    returnKeyType="next"
    onInputChange={inputChangeHandler}
    required
/>
Run Code Online (Sandbox Code Playgroud)

让我知道这是否有效。希望这个答案能够及时到达您的手中。我讨厌未回答的 Stack Overflow 问题