创建模式点击反应原生安卓

Create modal on click react-native android

本文关键字：原生 模式 创建      更新时间：2023-09-26

我仍然是反应原生的新手，

所以我尝试的是制作一个简单的应用程序按下它时有按钮，只需打开警报作为此代码 

class MyFirstReactapril extends Component{
  render(){
    return(
      <View style={styles.container}>
      <Text style={styles.welcome}> Welcome Nesreen</Text>
      <TouchableHighlight style={styles.button} onPress={this.showAlert}>
      <Text style={styles.buttonText}>Myalert</Text>
</TouchableHighlight>
      </View>
      )
  }
  showAlert(){
Alert.alert('Fast Donation','', [{text : 'Donate now'},{text : 'add to Container'}])
  }
}

现在我想在按钮单击时打开模态，而不仅仅是警报我试图阅读这个http://facebook.github.io/react-native/docs/modal.html#content但我真的输了如何使用反应原生制作模态？

你可以使用如下所示的模态。

<Modal visible={this.state.isModalOpen}
       onRequestClose={() => this.setState({isModalOpen: false})} animationType={"slide"}
       transparent={false}>
       <View>
                        //Create your modal view inside this
       </View>
</Modal>

在您的showAlert()方法中，isModalOpen在您的州设置为真。

相关文章：