在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 (将#修改为@）