Flatlist не прокручивается внутри модального - PullRequest
Новая
       8

Flatlist не прокручивается внутри модального

0 голосов
/ 21 февраля 2020

Мой плоский список не прокручивается внутри модального.

Я использую следующую модальную библиотеку: https://github.com/jacklam718/react-native-modals

Это код модального и плоского списка: 

<BottomModal
          visible={this.state.AddBuddyVisible}
          onTouchOutside={() => this.setState({AddBuddyVisible: false})}
          swipeDirection={['up', 'down']} // can be string or an array
          swipeThreshold={200} // default 100
          onSwipeOut={event => {
            this.setState({AddBuddyVisible: false});
          }}
          modalAnimation={
            new SlideAnimation({
              slideFrom: 'bottom',
            })
          }
          useNativeDriver={true}
          width={wp('100%')}
          height={hp('85%')}
          modalStyle={{
            borderTopLeftRadius: 18,
            borderTopRightRadius: 18,
            backgroundColor: '#B5BBC6',
          }}
          hasBackdrop={true}
          hideModalContentWhileAnimating={true}>
          <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()}>
            <View style={{flex: 1, flexDirection: 'row'}}>
              <View style={{flex: 0.5}} />

              <View
                style={{
                  flex: 8,
                  flexDirection: 'column',
                  backgroundColor: 'none',
                }}>
                <View style={{flex: 0.02, backgroundColor: 'none'}} />
                <Text style={[styles.h1PSBB, {fontSize: 30, color: '#000000'}]}>
                  ADD BUDDIES
                </Text>
                <View style={{flex: 0.03, backgroundColor: 'none'}} />
//FLATLIST===================================
                <FlatList
                  data={this.state.friendsData}
                  keyExtractor={(item, index) => index.toString()}
                  renderItem={this.renderAddBuddies}
                />
//FLATLIST===================================
                <View
                  style={{
                    flex: 1,
                    backgroundColor: 'none',
                    justifyContent: 'flex-end',
                  }}>
                  <PrimaryButton
                    title="DONE"
                    onPressPrimaryButton={() => {
                      this.addSelectedBuddyToTask();
                    }}
                  />
                </View>
                {/* Bottom Spacer for last Primary Icon */}
                <View style={{flex: 0.08, backgroundColor: 'none'}} />
              </View>
              <View style={{flex: 0.5}} />
            </View>
          </TouchableWithoutFeedback>
        </BottomModal>

Я пытался добавить contentContainerStyle={{ flexGrow: 1 }}, но он все еще не работает.

Я также пытался удалить flex из <View>, но это портит мой дизайн.

...