Блог

Я пытаюсь использовать слайдер Intor, я могу заставить его работать при загрузке приложения, но не знаю, как запустить его с любого экрана и во весь экран, нижняя панель навигации всегда видна.

Приложение.tsx

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

вернуть приложение:

  const _onDone = () => {
    setShowApp(true);
  }

  if (showApp) {
    return (
      <View style={{ flex: 1 }}>
        <Spinner visible={uiLoading} textContent={'Loading...'} />
        {userAuthenticated ? <TabNavigator /> : <AuthNavigtor />}
      </View>
    );
  } else {
    return (<View style={{ flex: 1 }}>
      <StatusBar translucent backgroundColor="transparent" />
      <AppIntroSlider
        keyExtractor={_keyExtractor}
        renderItem={_renderItem}
        data={data}
        onDone={_onDone}
      />
    </View>)
  }
 

Это нормально работает при открытии приложения, потому что навигация скрыта.

Я хочу создать компонент только для слайдера:

 <View style={{ flex: 1 }}>
      <StatusBar translucent backgroundColor="transparent" />
      <AppIntroSlider
        keyExtractor={_keyExtractor}
        renderItem={_renderItem}
        data={data}
        onDone={_onDone}
      />
    </View>
 

Как я могу установить, чтобы навигация была скрыта, когда я возвращаю ползунок?