3

FlatListをスクロールするときにキーボードが消えるのを防ぐ可能性はありますか?

ScrollView を使用する場合、プロップ「keyboardDismissMode」を「none」に設定することがこの問題の解決策ですが、これは FlatList では機能しません...

Stack-Navigator にある自作のコンポーネント内で FlatList を使用しますが、ヘッダーにはフォーカスされた TextInput があります。FlatList を次のようにレンダリングします。

<View style={{flex: 1}}>
  <FlatList 
    style={{flex: 1}}
    data={this.props.data}
    keyExtractor={(item, index) => item.id}
    renderItem={this.renderItem}
  />
</View>

renderItem() 関数:

renderItem = ({item, index}) => (
  <TouchableHighlight
    style={{paddingVertical: 10}}
    onPress={() => {
      this.props.onChooseItem(item);
    }}
  >
    <Text numberOfLines={1} >
      {item.text}
    </Text>
  </TouchableHighlight>
)
4

3 に答える 3