Question

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

所以我尝试的是制作一个简单的应用程序按下按钮时只需打开警报作为本准则

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 但我真的输了如何使用react-native做模态？

Answer 1

你可以使用类似下面的模态。

<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中为真。

在click react-native android上创建模态

1 个答案: