Customizing Push Notifications using the Firebase Messaging Library in Expo and React Native

Customizing Push Notifications using the Firebase Messaging Library in Expo and React Native

Tiempo de lectura: < 1 minuto You’ll learn how to customize the push notification icon launched in React Native with the @react-native-firebase/messaging library today. We’ll go to app.json: “notification”: { “icon”: “./src/assets/notification-icon.png”, “color”: “#d76d6d” }, We also added to the config plugin: “@react-native-firebase/messaging” With this, we’re halfway done. Now we need to create our notification icon. Only applies to Android. The … Read more

Implementing In-App Purchases using expo-iap in React Native Expo for Android/IOS

Implementing In-App Purchases using expo-iap in React Native Expo for Android/IOS

Tiempo de lectura: 4 minutos Today we’re going to learn how to implement in-app purchases using Expo IAP for Android or iOS on React Native. First we’re going to install the library we need (expo-iap): npx expo install expo-iap Now we need to add our code inside app.config.js: { “plugins”: [ “expo-iap” ] } Remember to create subscriptions inside Google … Read more

Implementing Google Login in Android with React Native and Expo and Validating with a Python Server

Implementing Google Login in Android with React Native and Expo and Validating with a Python Server

Tiempo de lectura: 4 minutos This is how we can implement Google Sign in using React Native and Expo in a simple way. The first thing we will do is use this library @react-native-google-signin/google-signin The installation is: npx expo install @react-native-google-signin/google-signin We will configure it once installed. First we will create our handler in Typescript: html import React from “react”; … Read more

Implementing Request Tracking Transparency in iOS and AdMob Ad Permissions using React Native and Expo

Implementing Request Tracking Transparency in iOS and AdMob Ad Permissions using React Native and Expo

Tiempo de lectura: 2 minutos We will today learn to implement request tracking transparency using React Native and Expo. To do this, we will create the following utils file: // utils/AdsPermissions.ts (or similar) import { Platform } from ‘react-native’; import mobileAds, { AdsConsent } from ‘react-native-google-mobile-ads’; import { getTrackingPermissionsAsync, PermissionStatus, requestTrackingPermissionsAsync } from ‘expo-tracking-transparency’; export async function solicitartPermissionATT(): Promise<boolean> { … Read more

Adding In-App Subscriptions Using React Native on Android or iOS with react-native-iap

Adding In-App Subscriptions Using React Native on Android or iOS with react-native-iap

Tiempo de lectura: 2 minutos Today we’re going to learn how to add subscriptions to our application developed with React Native for Android or iOS. To make purchases in the app, we need to install the following library in our project: npm install react-native-iap Please install the current version: “react-native-iap”: “12.16.3”, Subscription purchase references for Android: https://developer.android.com/google/play/billing/rtdn-reference?hl=en Subscription Purchase References … Read more

Resolving the Expo Module Gradle Plugin Issue in React Native

Resolving the Expo Module Gradle Plugin Issue in React Native

Tiempo de lectura: < 1 minuto Hoy vamos a aprender a solucionar el error de React Native: Plugin [id: ‘expo-module-gradle-plugin’] was not found in any of the following sources This error occurs because one of the libraries is incompatible with the current version. To solve it, we need to execute: npm install –check You need to update the indicated libraries. DevCodeLightdevcodelight.com

Solving issue in Expo EAS for generating an iOS build with error code 35

Solving issue in Expo EAS for generating an iOS build with error code 35

Tiempo de lectura: < 1 minuto We are going to learn how to solve the problem today: Authentication with Apple Developer Portal failed! Security returned a non-successful error code: 36 This error occurs when we try to create the build for iOS from Flutter and ask for credentials, which we input correctly but get an error. We need to change the … Read more

How to Change the Version of Kotlin using Expo React Native

How to Change the Version of Kotlin using Expo React Native

Tiempo de lectura: < 1 minuto We will today learn how to change the Kotlin version used in Expo. First, we need to install expo-build-properties, which will allow us to edit native project properties without modifying anything in the android folder. html npm run expo install expo-build-properties And then we modified inside our app.json and could add the kotlinVersion: DevCodeLightdevcodelight.com

Implementing Google Sign-in in React Native (also compatible with Expo)

Implementing Google Sign-in in React Native (also compatible with Expo)

Tiempo de lectura: 5 minutos Today we are going to learn how to implement Google Login with Google Sign for React Native and that is also compatible with Expo. We are going to use the library react-native-google-signin/google-signin First let’s install the necessary library: npx expo install @react-native-google-signin/google-signin Important, for the library to work you must have a native app. (Here … Read more

Eliminate Automatic Backup of LocalStorage in Android/iOS with React Native Expo

Eliminate Automatic Backup of LocalStorage in Android/iOS with React Native Expo

Tiempo de lectura: < 1 minuto Today we are going to learn how we can disable the option to allow local storage backup using React Native. Inherently, Expo sets the option to store local storage remotely by default: To avoid it, we will have to set the allowBackup option to false. To do this, we go to our app.json and put: … Read more