在叠加层中反应本机滚动视图不滚动

Question

我正在使用来自 react-native-elements 的 Overlay 组件，该组件应该建立在底层 react-native Modal 组件之上。我试图在叠加层中放置一个简单的 ScrollView，但内容只是渲染到叠加层的末尾并截断其余部分。

我怀疑这可能是风格问题，但我看过所有可能的道具都没有运气。

<Overlay style={{height: height - 20, width: width}}>
<ScrollView>
... Content longer than screen ...
</ScrollView>
</Overlay>

Answer 1

我也遇到了同样的问题。 使用以下代码。

<Overlay
isVisible={this.props.visible}
onBackdropPress={this.props.onClose}
overlayStyle={styles.overlayStyle}>
<ScrollView contentContainerStyle={{flex:1}}>
... Content longer than screen ...
</ScrollView>
</Overlay>

我通过从contentContainerStyle道具中删除flex:1来解决这个问题。 工作代码

<Overlay
isVisible={this.props.visible}
onBackdropPress={this.props.onClose}
overlayStyle={styles.overlayStyle}>
<ScrollView>
... Content longer than screen ...
</ScrollView>
</Overlay>