我想在 react native modal 的幫助下制作一個通用對話框。我已經(jīng)編寫了如下代碼：<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%', },}但是模態(tài)對話框占用了整個屏幕！我還嘗試將代碼編輯為：<Modal> <View style={{ flex: 1, top: 50%, left: 50%, width: 70%, height : 50% }}> <Text>Hello World!</Text> </View></Modal>刪除模態(tài)中的樣式。但結(jié)果還是一樣！
2 回答
侃侃爾雅
TA貢獻(xiàn)1801條經(jīng)驗 獲得超16個贊
我使用了本機(jī)模態(tài)反應(yīng)，并部分顯示模態(tài)，我所做的是，高度為 100，因此您可以裁剪高度
<Modal isVisible={true} style={{justifyContent: "flex-end"}} >
<View style={{height:100}}>
</View>
</Modal>
現(xiàn)在，嘗試一次。讓我知道這是否有效。因為它對我有用。否則生病改變它。
