是否可以使用react-native核心组件模式在Android上创建非全屏模式?

时间:2019-07-02 17:34:49

标签: android react-native react-native-android

在ios上,如果未明确设置高度,则核心Modal库中的react-native组件将仅包含所有内容。

在android上,与ios不同,默认情况下,模式是全屏呈现的,并且似乎没有解决方法来呈现屏幕的60%。

我错过了什么吗?还是不支持这种样式?

1 个答案:

答案 0 :(得分:0)

对于情态没有样式支持。

您可以做的是在模式内为</View>设置高度和宽度

<Modal transparent={true}
       visible={true}
       onRequestClose={this.closeModal}>
  <View style={{
          color:'transparent', 
          flex: 1,
          flexDirection: 'column',
          justifyContent: 'center',
          alignItems: 'center'}}>
    <View style={{
            width: 300,
            height: 300}}>
      ...
    </View>
  </View>
</Modal>