Слайд-шоу с поддержкой React исчезает при использовании в режиме прокрутки

Question

Я пытаюсь использовать пакет «response-native-timed-slideshow». Он работает нормально, но когда я хочу добавить текст ниже и использовать его в режиме прокрутки, он исчезает, у меня просто есть текст.

Как я могу использовать scrollview с этим пакетом?

Спасибо за любую помощь, мой код:

  <ScrollView>
        <View style={styles.container}>
          <TimedSlideshow
            items={items}
            showProgressBar={false}
            titleStyle={styles.h1slide}
            textStyle={styles.textfooter}
            renderCloseIcon={() => {
              styles.closeImgWrapperSlideshow,
                styles.closeImgWrapperSlideshow,
                null;
            }}
          />
          <Text style={styles.h3}>{i18n.t("Actus.text")}</Text>
        </View>
        </ScrollView>

Answer 1

Это работает, если вы поместите свое слайд-шоу в представление с определенной высотой.

Для этого:

импортировать размеры, затем: const { height } = Dimensions.get("window");

и затем вы можете сделать это, например:

<ScrollView vertical={true}>
  <View style={{ height: height / 2 }}>
    <TimedSlideshow
      items={items}
      showProgressBar={false}
      titleStyle={styles.h1slide}
      textStyle={styles.textfooter}
      renderCloseIcon={() => {
        styles.closeImgWrapperSlideshow,
          styles.closeImgWrapperSlideshow,
          null;
      }}
    />
    <Text style={styles.h4}>Blablablabla</Text>
  </View>
</ScrollView>