How can I render a external component by calling a function like Component.show()?

Let’s supose I have a Toast (or Modal, or whateaver) component, and I want to render it doing something like:

return (
  <View>
    <TouchableOpacity onPress={() => Toast.show()}>
      <Text>Press</Text>
    </TouchableOpacity>
  </View>
);

I don’t want nothing else in my App component, just the import of the Toast, and the return with the button that calls the Toast rendering. Without, any conditional or state on my App component function, or any {Toast} (or {isVisible && } inside its return.

I know that is possible, because I already seen libraries like AntDesign (for React JS), which has the message component, that works like a function, you just calls message.success() in whateaver part of the code, and a Message is displayed in your screen, what should I do in my Toast component to get a similar result?