Задать вопрос
LoKeR995
@LoKeR995
engineer

Как сдеалать переход между экранами?

Доброго времени суток! Как правильно осуществить переход между экранами (см. картинка вов вложении)
664040d4225ea425689273.png
по факту у меня получается такая фитуация
6640424b2af6c125410275.png
Код App/index
import { Link, Stack, router } from 'expo-router';
import { Button, StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
    <>
    <Stack.Screen options={{headerShown:false}}/>
    <View style={styles.container}>
      <Text>Home page</Text>
      <Button onPress={()=> router.push('auth')} title='Go Auth'/>
    </View>
    </>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Код Auth/index
import { Button, StyleSheet, Text, View } from 'react-native';
import { useRouter } from 'expo-router';

export default function App() {
    const router = useRouter();
  return (
    <View style={styles.container}>
      <Text>Auth page</Text>
      <Button onPress={()=>router.push('auth/about')} title='Go About'/>
      <Button onPress={()=>router.back()} title='Go Back'/>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Код Auth/_layout
import React from 'react';
import { View, Text } from 'react-native';
import { Stack, useRouter } from 'expo-router';

export default function _layout() {
    return(
        <Stack>
            <Stack.Screen name='index' options={{headerTitle: 'Auth'}}/>
            <Stack.Screen name='about' options={{headerTitle: 'About'}}/>
        </Stack>
    );
}
  • Вопрос задан
  • 73 просмотра
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@rasfront
React native разработчик
Ваш случай подходит под auth flow. Гляньте в доки: https://docs.expo.dev/router/reference/authentication/
Там как раз описано, как сделать так чтобы пользователь в зависимости от авторизации попадал в разные части приложения
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Grow Media Москва
от 150 000 до 200 000 ₽
Wanted. Санкт-Петербург
До 300 000 ₽
12 дек. 2024, в 21:16
15000 руб./за проект
12 дек. 2024, в 21:13
300 руб./за проект
12 дек. 2024, в 21:09
10000 руб./за проект