React Native自定义弹出警告框

React Native开发中,为了和ios效果保持一致,有些控件需要自己定义,如在警告弹框中,React Native本来已经提供了Alert控件,但是其效果在Android上是非常的丑陋的,所以为了满足产品同学的需要,只能自定义了。下面是其实现的效果:
React Native自定义弹出警告框_第1张图片

实现也非常的简单,使用Modal来进行自定义控件即可,下面是相关的代码。

import React, {Component} from 'react';
import PropTypes from 'prop-types';

import {
    StyleSheet,
    Text,
    View,
    Modal,
    TouchableOpacity,
    Dimensions
} from 'react-native';

let {width, height} = Dimensions.get("window");

export default class 

你可能感兴趣的:(React,Native)