Aqui eu faco o setup super basico pro nosso app React Native + Web + Expo + Next.js + Routing.
Pontos importantes:
Rotas e navegacao sao diferentes entre apps e next, entao temos que prestar atencao na hora de criar novas paginas seguindo o padrao Next, e informar corretamente no routes.js
Ex: login
Next.js: pages/login/index.js, para navegar usar /login
React Native: dar um nome como Login, e depois no App.js (na pasta root), colocar no objeto components algo como:
...
import LoginScreen from './pages/login'
const components = {
...
Login: LoginScreen
}
Existe um componente pra facilitar o processo de links: `components/Link.js`, porem e importante que a configuracao no `routes.js` esteja correta.
Caso queira enviar alguem programaticamente pra algum link, vai precisar fazer manualmente de alguma forma, alem de ser muito importante que todas as paginas tenham o GlobalProvider com o navigation para que funcione o react-native.
Aqui eu faco o setup super basico pro nosso app React Native + Web + Expo + Next.js + Routing.
Pontos importantes:
pages/login/index.js
, para navegar usar/login
Login
, e depois no App.js (na pasta root), colocar no objeto components algo como:import LoginScreen from './pages/login'
const components = { ... Login: LoginScreen }