react-native-with-ionic-style-folder-structure
v0.0.3
Published
working on react-native with ionic folder structure and themes
Downloads
8
Maintainers
Readme
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
- [x] Icons
- [x] UI ToolKit
- [x] Drawer
- [x] Navigation to Pages
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