How to create view A closed then view B needs to show using react native?

In my scenario, I am creating single page two views. View A and View B, Here, I am maintaining two views A and B in a function call with separate render. View A having close button once its clickable enabled then View A needs to hide and View B needs to render. How to achieve this?

Main RenderRenderMain() {      return (<View>………….</View>        {this.renderViewA()} // Here rendering view A on main view)}View A Function renderViewA() {      return (<Overlay>…………. // Here rendering View A close click to hide View A and show View B</Overlay>)}View B FunctionrenderViewB() {      return (<Overlay>………….</Overlay>)}