【问题标题】:Keyboard opens and immediately disappears on Android键盘在 Android 上打开并立即消失
【发布时间】:2020-01-10 06:23:32
【问题描述】:

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

发生于: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()}
 />

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

【问题讨论】:

    标签: reactjs keyboard native expo react-native-flatlist


    【解决方案1】:

    使您的外部“包装器”成为 ScrollView。 这应该可以解决问题。

       `return ( 
    
        <ScrollView>
    
            // All your other code
    
        </ScrollView>
    );`
    

    【讨论】:

      【解决方案2】:

      所以我遇到了一些非常相似的东西,尽管它与 FlatList 无关。

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

      <Input
          id="description"
          label="Description"
          errorText="Enter a valid Description"
          keyboardType="default"
          removeClippedSubviews={false}
          autoCorrect
          multiline
          type="text"
          required
      />
      

      虽然看起来有点脏,但也可以使用:

      keyboardDismissMode='none'

      像这样:

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-03-30
        • 2011-11-27
        • 1970-01-01
        • 1970-01-01
        • 2015-08-27
        • 2014-08-24
        相关资源
        最近更新 更多