Pular para o conteúdo principal

Expo - Navegação - Expo router

Janelas​

https://docs.expo.dev/routing/installation/

Expo router 3.0​


npx expo install expo-router react-native-safe-area-context react-native-screens expo-linking expo-constants expo-status-bar

Dependências para web​


npx expo install react-native-web react-dom

Configuração​

package.json

{
  "main": "expo-router/entry",
}

app.json

{
  "scheme": "(nome do seu app)",



(...)

"web": {
      "favicon": "./assets/favicon.png",
      "bundler": "metro"
  },
  
  "experiments": {
      "typedRoutes": true
  },

(...)


}

Geralmente não precisa modificar somente verifique se o plung esta configurado babel.config.js

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
  };
};

03. Executando a aplicação​

É muito importante que execute a aplicação para ver se acontece algum tipo de erro.

npx expo start -c

Primeira página com expo router​

crie um pasta src , e outra app dentro dela

./src/app

crie um arquivo chamdo index.ts

./src/app/index.tsx

import { Text } from 'react-native';

export default function Page() {
  return <Text>Home page</Text>;
}