如何解决在ReactNative中调用函数时如何显示组件如Alert.alert
我将创建一个自定义组件,以在ReactNative中调用函数时呈现。就像是alert()组件。在这种情况下,我不想使用模式,而是希望制作一个可以在调用函数时显示在屏幕上的组件。有人对我如何做到这一点有任何想法吗?
我要这样做:
const Example = () => {
return(
<View>
<Button title="Show Modal" onPress={showModal}/>
</View>
)
}
我做不到:
const Example = () => {
const [isVisible,setIsVisible] = useState(false);
return(
<View>
<Modal visible={isVisible}>
<Text>Awesome code here ...</Text>
</Modal>
<Button title="Show Modal" onPress={() => {setIsVisible(true)}}/>
</View>
)
}
我想做的是显示组件将其jsx放回我的组件。我需要调用一个函数,当该函数被调用时,我的组件将显示在屏幕上。逻辑与Alert.alert()函数相同。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。