показать тост, когда модал виден в моем проекте? - PullRequest
Новая
       41

показать тост, когда модал виден в моем проекте?

0 голосов
/ 04 ноября 2019

введите код здесь. Я хочу показать тост, когда мой модальный виден в моем собственном проекте реакции. Я использую реагировать родной модал. У меня есть кнопка в модальном режиме, когда я нажимаю на нее, должен отображаться тост. Я не хочу помещать свой тост-тег в модальный тег, что мне делать ??? 


 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>
      </>
    )
  }

На самом деле я хочу быть моимтост из моего модального тега, но он отображается в верхней части экрана, когда модальный виден

1 Ответ

0 голосов
/ 04 ноября 2019

реагирует, что нативный модал является нативным представлением, поэтому его невозможно покрыть компонентом js.

...