Where to add slider to be accessible anytime and full screen

[jan-ambroz]

Hi,
I created my DemoSlider view and I am trying to show it the first time when login in and then be able to show on demand. Not sure where to place DemoSlider that it will be full screen and tab navigation will be covered too.

App.tsx
export default () => {
  const navigation = useRef(null);
  return (
    <Provider store={store}>
      <NavigationContainer ref={navigation}>
        <DemoSlider/>
        {/*<App navigation={navigation} />*/}
        {/* GLOBAL FLASH MESSAGE COMPONENT INSTANCE */}
        <FlashMessage position="top" />
      </NavigationContainer>
    </Provider>
  );
};

And then in DemoSlider onDone() return App after DemoSlider is done?
But when I try to return DemoSlider from another view the navbar is always showing.
Where to correctly add DemoSllider?

Thank you