使用 React-native 模态形成和样式化适当的对话框或警告框

我想在 react native modal 的帮助下制作一个通用对话框。我已经编写了如下代码:


<Modal isVisible={isModalVisible} style={styles.modalStyle} >                                      

   <Text>Hello World!</Text>                               

</Modal>

下面提到了样式:


const styles = StyleSheet.create({

    modalStyle : {

      top                   : '50%',

      left                  : '50%',

      right                 : 'auto',

      bottom                : 'auto',

      marginRight           : '-50%',


    },

}

但是模态对话框占用了整个屏幕!


我还尝试将代码编辑为:


<Modal>

  <View style={{ flex: 1, top: 50%, left: 50%, width: 70%, height : 50% }}>

       <Text>Hello World!</Text>

  </View>

</Modal>

删除模态中的样式。但结果还是一样!


幕布斯7119047
浏览 244回答 2
2回答

侃侃尔雅

我使用了本机模态反应,并部分显示模态,我所做的是,高度为 100,因此您可以裁剪高度<Modal isVisible={true} style={{justifyContent: "flex-end"}} ><View style={{height:100}}></View></Modal>现在,尝试一次。让我知道这是否有效。因为它对我有用。否则生病改变它。

斯蒂芬大帝

内置 Modalreact-native有时难以定制。这个很棒的库我用过很多次了。看到这个。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript