javascript — прокрутка FlatList не работает после переноса TouchableWithoutFeedback

Прокрутка FlatList не работает после переноса TouchableWithoutFeedback

Мне нужно вызвать Keyboard.dismiss в корне, но когда я обернул его так, FlatList не отвечает на прокрутку. Прокручивать только когда клавиатура отображается, как это исправить?

 {amp}lt;TouchableWithoutFeedback onPress={Keyboard.dismiss}{amp}gt; {amp}lt;View style={styles.container}{amp}gt; {amp}lt;View{amp}gt; {amp}lt;FlatList style={styles.chatContainer} keyExtractor={history ={amp}gt; `chat_${history.id}`} data={chatHistory} contentContainerStyle={styles.chatInnerContainer} inverted={true} renderItem={/* ... */} /{amp}gt; {amp}lt;/View{amp}gt; {amp}lt;/View{amp}gt; {amp}lt;/TouchableWithoutFeedback{amp}gt; 
 const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: color.white, height: '100%', }, chatContainer: { width: '100%', overflow: 'visible' }, chatInnerContainer: { width: '100%', flexDirection: 'column-reverse', padding: 10, overflow: 'visible' } }); 

Вот как это выглядит:

Результат

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector