前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >React Native自定义弹出警告框

React Native自定义弹出警告框

作者头像
xiangzhihong
发布2022-11-30 11:39:57
1.8K0
发布2022-11-30 11:39:57
举报
文章被收录于专栏:向治洪

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

这里写图片描述
这里写图片描述

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

代码语言:javascript
复制
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 
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-07-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档