Uploading and updating react expo apk
Building for update 1)Increment version and version code eas build --platform android eas submit -p android --latest For direct update expo publish
Android Development - React Native
Vignesh Reddy Julakanti
Latest articles
Adding AdMob ads to react native
Installing admob and expo dev client for creating custom builds expo install expo-dev-client expo install react-native-google-mobile-ads Add the below at app.json at last before one "}" and change the ids "react-native-google-mobile-ads": { "andro...
Creating a Custom Build for react native - facebook ads
expo install react-native-fbsdk-next react-native-fbads npm install -g eas-cli npx expo install expo-dev-client In app.json add this "plugins": [ [ "react-native-fbsdk-next", { "appID": "48127127xxxxxxxx", ...
Converting an expo app to apk file
npm install -g eas-cli Create an expo account and then eas login eas build:configure For Getting apk file eas build -p android --profile preview For aab extension file for playstore update eas build Now check in https://expo.dev/ for the builds ...
Configuring FontAwesome Icons
Install these npx expo install react-native-svg npm i --save @fortawesome/fontawesome-svg-core , --save @fortawesome/free-solid-svg-icons , --save @fortawesome/react-native-fontawesome Every where you want to use an icon first import import { FontA...
Adding an Image
assuming that we are using tailwindcss Adding image with link <Image source={{ uri:"https://vismaifood.com/storage/app/uploads/public/980/eb9/ed6/thumb__700_0_0_0_auto.jpg" }} style={{width:10,height:10}}/>
How to remove Default Navigation Header
Add this code to the page import { useNavigation } from '@react-navigation/native' import { useLayoutEffect } from 'react'; const navigation= useNavigation(); useLayoutEffect(() => { navigation.setOptions({ headerShown:false, }) ...
Setting Up Navigation
Step-1 npm install @react-navigation/native step-2 npx expo install react-native-screens react-native-safe-area-context step -3 npm install @react-navigation/native-stack Step- 4 Add these in app .js import { StatusBar } from "expo-status-bar"; im...
Adding nativewindcss
successor of tailwindcss for styling npm install nativewind npm install --dev tailwindcss Create tailwind.config.js module.exports = { content: ["./App.{js,jsx,ts,tsx}", "./Components/**/*.{js,jsx,ts,tsx}"], theme: { extend: {}, ...