其他组件内部的组件不可点击

Question

我的RN应用中有一个detailspage，其中包含一个名为imagescrollview https://github.com/bamlab/react-native-image-header-scroll-view的组件，并且我希望标题图像是可滑动的幻灯片，并且我找到了该包https://www.npmjs.com/package/react-native-image-slider，并且我试图将其包含到其中第一个包的renderHeader函数。

但是问题在于幻灯片无法点击，因为它位于headerimagescrollview内部。

我试图用zIndex：1设置imageSlider，但这无济于事，因为图像会消失，我无法将位置设置为绝对。

<HeaderImageScrollView
                        maxHeight={180}
                        minHeight={80}
                        fadeOutForeground
                        maxOverlayOpacity={0.5}
                        minOverlayOpacity={0.0}
                        renderHeader={() => (
                            <ImageSlider
                                images={[
                                    ActivityFoto + this.state.dataSource.Foto,
                                    'http://placeimg.com/640/480/any',
                                    'http://placeimg.com/640/480/any'
                                ]}
                            />
                        )}

Answer 1

您尝试用14包装这些组件。我有一个类似的案例，但是我使用的是touchableOpacity，它可以和react-native-snap-carousel一起正常工作

Answer 2

在所有启用了点击的父组件（scrollView / Flatlist / TouchableOpacity等）中使用keyboardShouldPersistTaps ='always'，它将正常工作。