在ReactNative中调用函数时如何显示组件（如Alert.alert（））

Question

我将创建一个自定义组件，以在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（）函数相同。