官方文档:https://reactnative.cn/docs/modal.html#docsNav
效果图:
由于Alert https://blog.csdn.net/zhaihaohao1/article/details/88632787
不能自己定义样式,所以使用Modal可以自己定义样式
代码(复制即可运行):
ModalExample.js
import React, {Component} from 'react';
import {
Modal,
Text,
TouchableHighlight,
TouchableOpacity,
View,
StyleSheet,
Image,
TextInput
} from 'react-native';
export default class ModalExample extends Component {
constructor(props) {
super(props);
//false表示显示和消失