react-native - 在 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() 函数相同。