Question

我正在使用来自react-native-elements的Overlay组件，该组件应该建立在基础的react-native Modal组件之上。我试图将一个简单的ScrollView放置在Overlay中，但是内容会一直渲染到Overlay的末尾，然后将其余部分截断。

我怀疑这可能是样式问题，但我仔细检查了所有可能的道具，但没有运气。

<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>

反应覆盖内的本机ScrollView不滚动

1 个答案: