So when switching to dark mode it doesn't get saved when reloading or restarting the app. Are you ever going to change this?

Also this is an expo managed project and to get it to a bare project there probably has to be heaps of work to be done or?

The toggle to dark mode takes like 300ms. Can that be done that it toggles the theme near instantly?

`<DrawerItem
icon={({ color, size }) => (

)}
label="Filters"
onPress={() => {

        }}
      />`

on Press can we load another stack view

Hi, Thanks for this tutorial app, it looks really great just one issue i am facing when using the headerMode float in the stack navigator causes the detail screen to show a weird animation that doesn't look ok.

But if we use default header from react navigation this issue doesn't happen.

I have a feed.tsx that returns a FlatList and it renders a function that map the variable twitts. And, twitt.tsx renders the body inside FlatList as the following code:

import {twitts} from './data';

const data = twitts.map(twittProps => ({
...twittProps,
onPress: () =>
props.navigation &&
props.navigation.push('Details', {
...twittProps,
}),
}));
function renderItem({item}: { item: TwittProps }) {
return <Twitt {...item} />;
}
The problem is, I could not setState() on feed.tsx and if I set twitts var as axios response, it doesn't work on map function! What could be the best approach to use Axios inside this file?

Can you help to upgrade to use react-navigation 6?

how can I convert this repo to javascript ?

First of all, amazing repo and tutorial, I've used it as template for a RN monorepo that uses Javascript based react-native-web and yarn workspaces to build both mobile and web variants.
I've migrated most of the components with very little change, by hand (just to understand better each step) but when launching the web variant i'm getting:

Failed to compile
/home/praetors/Projects/node/proyectoSembrar/node_modules/react-native-tab-view/lib/module/TabBarIndicator.js
Attempted import error: 'EasingNode' is not exported from 'react-native-reanimated'.
This error occurred during the build time and cannot be dismissed.

In the other hand, the mobile version gives me a plain white screen and this logging in metro:

[Fri Aug 21 2020 15:17:26.600]  BUNDLE  ./index.js 

[Fri Aug 21 2020 15:18:55.771]  WARN     Require cycle: node_modules/react-native-paper/src/components/Checkbox/Checkbox.tsx -> node_modules/react-native-paper/src/components/Checkbox/CheckboxItem.tsx -> node_modules/react-native-paper/src/components/Checkbox/Checkbox.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Fri Aug 21 2020 15:18:55.773]  WARN     Require cycle: node_modules/react-native-paper/src/components/FAB/FAB.tsx -> node_modules/react-native-paper/src/components/FAB/FABGroup.tsx -> node_modules/react-native-paper/src/components/FAB/FAB.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Fri Aug 21 2020 15:18:55.774]  WARN     Require cycle: node_modules/react-native-paper/src/components/RadioButton/RadioButton.tsx -> node_modules/react-native-paper/src/components/RadioButton/RadioButtonItem.tsx -> node_modules/react-native-paper/src/components/RadioButton/RadioButton.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Fri Aug 21 2020 15:18:55.775]  WARN     Require cycle: node_modules/react-native-paper/src/components/Appbar/Appbar.tsx -> node_modules/react-native-paper/src/components/Appbar/AppbarHeader.tsx -> node_modules/react-native-paper/src/components/Appbar/Appbar.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Fri Aug 21 2020 15:18:55.775]  WARN     Require cycle: node_modules/react-native-paper/src/components/ToggleButton/ToggleButton.tsx -> node_modules/react-native-paper/src/components/ToggleButton/ToggleButtonRow.tsx -> node_modules/react-native-paper/src/components/ToggleButton/ToggleButton.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Fri Aug 21 2020 15:18:55.776]  LOG      Running "proyectoSembrar" with {"rootTag":1}

My package.json all like this:

{
    "name": "commons",
    "version": "0.0.1",
    "private": true,
    "dependencies": {
        "@react-native-community/async-storage": "^1.11.0",
        "@react-native-community/masked-view": "^0.1.10",
        "@react-navigation/bottom-tabs": "^5.8.0",
        "@react-navigation/drawer": "^5.9.0",
        "@react-navigation/material-bottom-tabs": "^5.2.16",
        "@react-navigation/native": "^5.7.3",
        "@react-navigation/stack": "^5.9.0",
        "@testing-library/jest-dom": "^4.2.4",
        "@testing-library/react": "^9.3.2",
        "@testing-library/user-event": "^7.1.2",
        "react": "16.13.1",
        "react-art": "^16.13.1",
        "react-dom": "^16.13.1",
        "react-native": "0.63.2",
        "react-native-appearance": "~0.3.3",
        "react-native-paper": "^4.0.1",
        "react-native-tab-view": "^2.13.1",
        "react-native-vector-icons": "^7.0.0",
        "react-native-web": "^0.13.7",
        "react-scripts": "3.4.3"
    },
    "devDependencies": {
        "@babel/core": "^7.11.1",
        "@babel/runtime": "^7.11.2",
        "@react-native-community/eslint-config": "^2.0.0",
        "babel-plugin-react-native-web": "^0.13.7",
        "eslint": "^7.6.0",
        "jest": "^26.3.0",
        "metro-react-native-babel-preset": "^0.62.0",
        "react-app-rewired": "^2.1.6",
        "react-test-renderer": "16.13.1"
    }
}

After running expo start and pressing w to run in chrome I get

Uncaught SyntaxError: Invalid left-hand side in assignment

Runs find on device and simulator. Thank you.

Something went wrong
This project uses SDK v36.0.0 but this version of Expo Go requires at least v38.0.0

Is there a simple version to downgrade the expo version on an android device so I can play with this project? Upgrading the expo version required by this project would also be nice.

This app works with Expo's web view, but the RTL toggle forces an Update.reloadFromCache which wipes the new setting. Probably due to gap in expo web functionality, but noting in case someone has a solution.

Thanks for a great example for react navigation 5
Are there any plans please to align it with the official and final version of react navigation 5?

Thanks, Oz

Hi @Trancever ,

I want to upgrade expo and react-native-paper to latest versions.
Could you change code or let me know how to do it.

Thank you for your time.