Entrez le code ici Je veux montrer un toast lorsque mon modal est visible dans mon projet natif React. J'utilise react-native-modal. J'ai un bouton en modal quand j'appuie il devrait montrer un toast Je ne veux pas mettre ma balise toast à l'intérieur de la balise modale que dois-je faire ???


 render(){
    return(
      <>

      <Modal visible={this.state.visible}>
      <Toast
                    ref="toast"
                    style={{backgroundColor:'red'}}
                    position='bottom'
                    positionValue={100}
                    fadeInDuration={1000}
                    fadeOutDuration={1000}
                    opacity={0.8}
                    textStyle={{color:'blue'}}
       />
      <SafeAreaView style={{flex:1}}>
          <View style={{flex:1,justifyContent:'center',alignItems:'center'}}>
            <TouchableOpacity onPress={()=>this.refs.toast.show('hello world!')} style={{height:200,width:100,justifyContent:'center',alignItems:'center',backgroundColor:'blue'}}>
                <Text>Modal Button</Text>
            </TouchableOpacity>
          </View>
      </SafeAreaView>
      </Modal>
      <SafeAreaView style={{flex:1}}>
          <View style={{flex:1,justifyContent:'center',alignItems:'center'}}>
            <TouchableOpacity onPress={()=>{this.setState({visible:true})}} style={{height:100,width:100,justifyContent:'center',alignItems:'center',backgroundColor:'red'}}>
                <Text>button</Text>
            </TouchableOpacity>
          </View>
      </SafeAreaView>
      </>
    )
  }

En fait, je veux être mon toast de mon tag Modal mais il apparaît en haut de l'écran lorsque le modal est visible

0
Badri Derakhshan 4 nov. 2019 à 14:01

1 réponse

réagir natif modal est une vue native, donc impossible d'être couvert par un composant js.

0
radar radar 4 nov. 2019 à 11:07