I've built small restaurant demo app in React Native. In this app, I've used Yelp API to fetch data from server using React Native axios library and showing into to the list as per following UI.
Install React Navigation
npm install react-navigationInstall Dependencies
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-viewInstall React Navigation Stack
npm install react-navigation-stack @react-native-community/masked-viewInstall axios using following command:
npm install axiosStart the app and clear cache with expo r -c
Download the application from github and navigate to the folder then, run following command:
npm startTo run on iOS Simulator:
npm run iosTo run on Android emulator:
npm run android- React Navigation / React Navigation Stack
- Default Listing of Restaurants
- Search Restaurants
- Navigate to Detail Screen, to view more images from the Restaurants
- Error Handling
Engineering Architect
Milan Panchal, follow me on:
- Twitter (@milan_panchal24)
- Github (/milanpanchal)
- Medium (https://medium.com/@milanpanchal24)
- LinkedIn (/in/milanpanchal/)
- LeedCode (/milanpanchal)