Skip to content

pavanshettyks/ManageBills

Repository files navigation

ManageBills

React Native application

Create react native app using react-native init ManangeBills

This creates a ManageBills folder with all content.

If git is not Initialised use Atom git panel to Initialise git.

Connect it with github using

git remote add origin https://github.com/pavanshettyks/ManageBills.git

Publish the content to GitHub.

npm install

Run the following commands in the terminal to open the virtual device:

`cd C:\Users\Pavan\AppData\Local\Android\Sdk\emulator

emulator -avd Pixel_2_API_25

`

Run the APP: react-native run-android

############################################################################### Installations Needed:

ManageMain.js has the main code

To add react navigator ' npm install --save react-navigation'

native- base ' npm install native-base --save'

'npm install --save react-native-gesture-handler'

npm install --save accordion-collapse-react-native react-native link accordion-collapse-react-native ----> For collapsable

npm install --save react-native-collapsible ////serious issue with Flatlist

npm install --save react-native-vector-icons
react-native link react-native-vector-icons -------> For react native icons

npm i @react-native-community/async-storage react-native link @react-native-community/async-storage ---> AsyncStorage installation

npm install react-native-multiple-select --save react-native link react-native-multiple-select ----> drop down with multiple select options

npm i react-native-sectioned-multi-select --> dropdown react-native link react-native-sectioned-multi-select

react-native unlink lib-name-example npm uninstall --save lib-name-example

https://stackoverflow.com/questions/46681488/multi-select-dropdown-in-react-native -->soluyion https://github.com/renrizzolo/react-native-sectioned-multi-select--?????????

https://oblador.github.io/react-native-vector-icons/ --> find icon names here

https://docs.nativebase.io/Components.html#icon-textbox-headref

######################################################

https://reactnavigation.org/docs/en/getting-started.html https://docs.nativebase.io/Components.html#Badge

https://medium.com/@mmazzarolo/styling-the-react-native-textinput-on-android-ed84aba6f7df https://www.tutorialspoint.com/react_native/react_native_text_input.htm

https://snack.expo.io/ryNAHKnPW
https://codeburst.io/todo-app-with-react-native-f889e97e398e ToDoApp

https://medium.com/salamcinema/react-native-step-by-step-guide-to-create-a-to-do-app-9fc8b95554f7 https://rohan-paul.github.io/%0A2017-08-21-react-component-passing-props-to-children.md/javascript/2017/08/22/Passing_Props_between_React_Components/

https://www.robinwieruch.de/react-state-array-add-update-remove/

JavaScript

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter https://medium.com/poka-techblog/simplify-your-javascript-use-map-reduce-and-filter-bd02c593cc2d ##################################### react-native start --reset-cache

############################## https://hellokoding.com/todo-app-with-react-native/

################################# https://pusher.com/tutorials/file-sharing-react-native try