title: How can I make a button change what components are showing in react native?
body: <p>So I'm a bit of a beginner to react native, and I'm making an app. I'm using react navigation to get a bottom navigation bar, but I want to make it so that within one of my pages, the user can press a button to change a component. Check out this quick mock-up I made:<a href="https://i.stack.imgur.com/Nv0Be.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Nv0Be.png" alt="mockup, part 1" /></a></p>
  <p><a href="https://i.stack.imgur.com/LE2Ll.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LE2Ll.png" alt="mockup, part 2" /></a></p>
  <p>Basically, I want to make it so that when the user hits button 1, component 1 appears, but when the user hits button 2, component 2 appears instead. How do I show/hide components? Also how would I implement the buttons?</p>
  <p>I know this question sounds rather basic but I really couldn't find any kind of tutorial on it. If you have the answer or can at least point me in the direction of a video or blog post that would answer my question, thank you very much!</p>