I am a beginner in React Native so I apologize if this is a noob question. I am trying to learn using this react navigation article and this about react login example. The first article places all the code in App.js while the second one has code in separate pages but is slightly outdated. So my plan was to integrate both examples, using the first article's code but in separate pages instead of putting everything in App.js.
The error I got:
None of these files exist:
* Screen\drawerScreens\settingsScreen(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
* Screen\drawerScreens\settingsScreen\index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
6 |
7 | import HomeScreen from './Screen/drawerScreens/HomeScreen';
> 8 | import SettingsScreen from './Screen/drawerScreens/settingsScreen';
| ^
Some help and tips would be greatly appreciated. Please let me know if more information is required. Thanks in advance.
From your project structure, I could see S is caps in SettingsScreen but you have imported as settingsScreen instead of SettingsScreen
so try importing as
import SettingsScreen from './Screen/drawerScreens/SettingsScreen';
Have you tried adding the file extension ?
Ex. './Screen/drawerScreens/settingsScreen.js'
In my case, it was because I copied and dropped the file from Finder (mac). It added an extra space to the end of that folder name. Erase that space worked.