React Native Scrollview с flexGrow не прокручивает - PullRequest
Новая
       29

React Native Scrollview с flexGrow не прокручивает

0 голосов
/ 25 февраля 2019

Я использую scrollview в моем собственном проекте.Но это не прокручиваемый, т.е. я не вижу верхних элементов.когда я прокручиваю вниз, вид отскакивает назад. Мое требование на самом деле так:

1) Нижний элемент должен быть видимым -----> Теперь он работает нормально

2) во время прокруткиверхний элемент должен быть видимым, не должен возвращаться назад -----> Теперь это проблема

Вот мой код 

return (
  <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
    <View style={styles.main}>
      <View style={styles.container}>
        ........(Some code)
      </View>
    </View>
  </ScrollView>
);

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#fff",
alignItems: "center",
justifyContent: "flex-end",
padding: 6,
paddingTop: 250
},
main: {
flex: 1,
height: 100
}
});

Есть идеи, что мне не хватает?Любая помощь будет принята с благодарностью!

1 Ответ

0 голосов
/ 25 февраля 2019

Как я писал в комментарии, проблема может заключаться в том, что height: 100 используется с flex: 1 (на самом деле flexDirection - это column по умолчанию, поэтому вы пытаетесь установить высоту двумя различными способами).Кажется, нет причин иметь это, просто удалите это.Чтобы прокрутить ScrollView внизу, я предлагаю вам сделать что-то вроде: 

  <ScrollView
    contentContainerStyle={{ flexGrow: 1 }}
    ref={ref => (this.scrollView = ref)}
    onContentSizeChange={(contentWidth, contentHeight) => {
      this.scrollView.scrollToEnd({ animated: true });
    }}
  > ...

Я создал перекус , который пытается воспроизвести ваш вопрос.Посмотрите, если хотите!

...