ScrollView не прокручивается при небольшой высоте просмотра в реагировать родной - PullRequest
Новая
       7

ScrollView не прокручивается при небольшой высоте просмотра в реагировать родной

0 голосов
/ 11 апреля 2020

Я работаю над собственным проектом реагирования, но мой scrollView не работает на небольшой высоте просмотра. Это мой код. 

<View style={{height: 300}}>
    <ScrollView>
        <View>
            ...
        </View>
        <View>
            ...
        </View>
        ...
    </ScrollView>
</View>

Пожалуйста, в чем может быть проблема?

ОБНОВЛЕНИЕ

Я добавил больше стилей, чтобы объяснить дальше .. ScrollView находится в нижнем листе react-native-raw-bottom-sheet, который является листом RBS, как видно из кода. ScrollView не прокручивается. Что-то не так? 

    <View>
      <RBSheet
        ref={ref}
        closeOnDragDown={true}
        closeOnPressMask={true}
        height={500}
        customStyles={{
          draggableIcon: {
            backgroundColor: Colors.light,
          },
          container: {
            borderTopLeftRadius: 16,
            borderTopRightRadius: 16,
          },
        }}>
        <View style={{flex: 1}}>
            <View style={{padding: 16}}>
                <View style={{height:300}}>
                  <ScrollView showsVerticalScrollIndicator={true}>
                    <View
                      style={[
                        FlexDirections.row,
                        JustifyContent.spaceBetween,
                        {paddingVertical: 8},
                      ]}>
                      <Text style={FontWeight.bold}>Name</Text>
                      <Text>Jane doe</Text>
                    </View>
                    ...

                  </ScrollView>
                </View>
            </View>
        </View>
      </RBSheet>
    </View>

1 Ответ

1 голос
/ 11 апреля 2020

Вы можете установить для closeOnDragDown значение false.

Если для значения closeOnDragDown вам нужно значение true, попробуйте добавить TouchableOpacity сразу после ScrollView, например: 

   <ScrollView showsVerticalScrollIndicator={true}>
      <TouchableOpacity activeOpacity={1}>
        <View
          style={[
            FlexDirections.row,
            JustifyContent.spaceBetween,
            { paddingVertical: 8 },
          ]}>
          <Text style={FontWeight.bold}>Name</Text>
          <Text>Jane doe</Text>
        </View>
      </TouchableOpacity>
    </ScrollView>
...