0.0.3 • Published 6 years ago
react-native-with-ionic-style-folder-structure v0.0.3
react-native-with-ionic-style-folder-structure-
Get started with react native with ionic folder structure especially for ionic developer for mobile apps
starter
For this Project the versions i have used
node version >= v8.9.4
npm version >= v5.6.0
react-native-cli: 2.0.1
react-native: 0.53.3
Inside App folder
npm install -g react-native-cli
npm install
react-native link
npm run start
react-native run-android
RUNBOOK-
If react native vector icons error comes use this command to resolve
Go Inside the App folder-
rm ./node_modules/react-native/local-cli/core/__fixtures__/files/package.json
File Structure inside App folder
/App
/android - Android native stuff
/ios - iOS native stuff
/src - Contains our React Native App codebase
/assets - Images, Fonts and others
/pages - all the pages or screens in the app
/section - section of the page that are used all over the app like header and footer
/App.js - Base component for navigation between the screens or pages
/Drawer.js - side menu or drawer
/index.js - Entry point for the App
Included
Roadmap
- Add Themes Page
- Add buttons
- Add Component folder
- Optimise and Destructure the code for better readability and scalability
- Something you's like to see? Submit an issue or a pull request
Related
- react-native-vector-icons - Icons used for this module
- react-navigation - Navigation between pages
- @shoutem/ui - Using Shoutem UI for element UI Toolkit
Maintainers
License
MIT