React-Native 弹出框

小白的成长之路_

于 2021-04-25 15:44:31 发布

阅读量1.3k

点赞数

分类专栏： react-native

本文链接：https://blog.youkuaiyun.com/XiaoZhuang__/article/details/116130771

版权

本文介绍如何在React-Native应用中使用Modal组件创建弹出框效果，通过实例展示具体实现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

类似于这样的弹出框，用React-Native Modal即可

import React, { Component } from 'react';
import {StyleSheet, Text, View, ScrollView, Image, TextInput, TouchableOpacity, StatusBar, Modal} from 'react-native';

export default class lianxi1 extends Component {
    constructor(props) {
        super(props);
        this.state = {
            list:['11111','22222','3333']
        }
    }
    componentWillMount() {

    }
    render() {
        const { goBack } = this.props.navigation;
        return (
            <View style={styles.container}>
                {/* 地址弹框 */}
                <Modal
                    visible={this.state.addressModalFlag}
                    animationType='fade'
                    transparent={true}
                    on