Youtube Link : https://youtube.com/shorts/LKYkMSDrn78?feature=share
Documentation: installed React Native Expo
install redux toolkit Toolkit has all the packages needed for redux npm install @reduxjs/toolkit react-redux
redux store:- create store create slices Add store to provider in app.js
create screens folder create HomeScreen.js use SafeAreaView instead of View
use FlatList useTouchableOpacity install below items for icons. install : npm install react-native-elements install : npm install react-native-vector-icons install : npm install react-native-safe-area-context
install: npm install @react-navigation/native install: npx expo install react-native-screens react-native-safe-area-context react-native-gesture-handler
npm install react-native-google-places-autocomplete --save
npm install react-native-dotenv this package helps us to create env file in our application. if we fall in some issues, then remove node_modules and reinstall it. dlt node_modules: rm -rf node_modules reinstall node_modules: npm install
react native maps.....
Inorder to make only a part of scrren to be navigate, we have to use Navigator like in app.js
KeyboardAvoidingView - is used in app.js to adjust the keyword with the screen content.
used google matrix api for distance.