时间戳

首页 > 解决方案 > 来自 react-native 崩溃或错误的模态？

react-native - 来自 react-native 崩溃或错误的模态？

问题描述

我只是从 react-native 导入 Modal 并运行简单的测试。

我发现如果我重新加载<Modal visible={true}>它只会让我的应用程序崩溃。在我重新打开它之前它不会重新加载，重新加载时它工作得很好visible={false} 

import React , {Component} from 'React';
import {View,Modal,Text} from 'react-native';

export default class Test extends Component{
  render(){
    return(
      <View>
        <Modal visible={true} >
          <Text>Before Reload</Text>
          <Text>when reload only Before reload show up ,no-error or any information</Text>
        </Modal>
      </View>
     )
  }
}

！更新。发现这是一个功能。把它留在这里，以防初学者面临同样的问题

标签： react-native

解决方案

为什么要在课堂上默认打开模态框。仅在您需要时打开模式，即按下按钮等。如果它默认打开，请尝试渲染一个类而不是模式

import React , {Component} from 'React';
    import {View,Modal,Text} from 'react-native';

    export default class Test extends Component{
      render(){
        return(
          <View>
            <Modal visible={this.state.modalVisibile} > //This is boolean value and update it's value on a button press.
              <Text>Before Reload</Text>
              <Text>when reload only Before reload show up ,no-error or any information</Text>
            </Modal>
          </View>
         )
      }
    }

另外，如果模态框默认打开会导致很多问题

推荐阅读