Как создать смахиваемый нижний лист в React Native? - PullRequest
Новая
       29

Как создать смахиваемый нижний лист в React Native?

0 голосов
/ 26 сентября 2018

Как реализовать точно такой же смахиваемый нижний лист в React Native :

enter image description here

response-swipeable-нижний лист (см. демонстрационную версию выше) lib работает только в React.

Я знаю response-native-overlay-section , но он открывается в верхней части окна санимация отказов.

РЕДАКТИРОВАТЬ

Я также пытался реагировать-нативный-сенсорный через-просмотр , но есть известная проблемас прикосновениями через TouchThroughView ... 

<View style={styles.container}>
 <View style={styles.contentContainer}>
  <FlatList
    data={this.state.list}
    renderItem={(data) => {
     <View>
       <Text>{"Bla bla bla"}</Text>
       <TouchableOpacity onPress={()=> this.onPress()}>
         <Text>{"THIS IS NOT WORKING ON ANDROID"}</Text>
       </TouchableOpacity>
     </View>
    }} />
 </View>
<TouchThroughWrapper style={styles.scrollWrapper}>
  <ListView
    style={styles.scroller}
    dataSource={actionsList}
    renderHeader={() => <TouchThroughView style={styles.touchThroughView} />}
    renderRow={(rowData) => {
      return (
        <Text style={styles.itemRow}>{rowData}</Text>
      )
    }}>
  </ListView>
</TouchThroughWrapper>

1 Ответ

0 голосов
/ 26 сентября 2018

Вы можете удовлетворить ваши требования с помощью следующего пакета.

https://www.npmjs.com/package/react-native-touch-through-view

Этот пакет позволяет прокручивать представления и представления таблицы, чтобы прокручивать интерактивный контент без плохой анимации размера и границ анимации..

...