React Native

Crear un contenedor de Expo (EAS) con Docker para generar Build Android para React Native

by
Crear un contenedor de Expo (EAS) con Docker para generar Build Android para React Native

Tiempo de lectura: 2 minutos Reading time: 3 minutes Hello, today we are going to see how we can create a Docker container that generates Android Builds (APKs) locally using React Native. First, we are going to generate our docker-compose.yml file as follows: version: “3.1” services: react_native_dev: build: context: ./Dockerfile dockerfile: react_native restart: unless-stopped container_name: react_native_dev environment: EXPO_CLI_NO_PROMPT: 1 EXPO_TOKEN: … Read more

Refreshing Screen on Return in React Native

by
Refreshing Screen on Return in React Native

Tiempo de lectura: < 1 minuto Reading time: < 1 minute If we want to refresh a screen when returning from another screen using React Native, we have to do the following: First, we import react-navigation import { useFocusEffect } from '@react-navigation/native'; Then, we add it in our render: useFocusEffect( React.useCallback(() => { }, []) ); Inside the React.useCallback block, we … Read more

PWA vs Flutter vs React Native vs Ionic: Which Technology to Use for Mobile Development?

by
PWA vs Flutter vs React Native vs Ionic: Which Technology to Use for Mobile Development?

Tiempo de lectura: 3 minutos Reading time: 4 minutes PWA (Progressive Web Apps), Flutter, React Native, and Ionic are mobile development technologies that have different advantages and disadvantages in terms of performance, user experience, platform support, learning curve, maintenance and scalability, and cost. PWA It is a technology that allows creating web applications with features similar to native applications, using … Read more

Creating a Simple Game Using React Native

by
Creating a Simple Game Using React Native

Tiempo de lectura: 3 minutos Reading time: 3 minutes Before we begin, it’s important to note that React Native is a JavaScript library that allows you to create mobile applications for iOS and Android using syntax similar to React, the popular JavaScript library for building web applications. Next, I will provide you with an example of code for a basic … Read more

Create an App with Expo (React Native)

by
Create an App with Expo (React Native)

Tiempo de lectura: 2 minutos Reading time: 2 minutes Hello! In this tutorial, I will show you how to create a mobile application with Expo. Expo is a mobile app development platform that allows developers to quickly create mobile applications using React Native. Expo provides tools to simplify mobile app development, such as a set of pre-built components, an API … Read more

Get data from webview using React Native

by
Get data from webview using React Native

Tiempo de lectura: 2 minutos Reading time: 2 minutes Today I’m going to show you how you can communicate a web page with React Native directly using JavaScript and a webview. The first thing you need to do is install the webview dependency in React Native: npm install react-native-webview Now let’s create two components: one will be the React Native … Read more

Install Eas-update (Expo updates) in React Native using Expo

by
Install Eas-update (Expo updates) in React Native using Expo

Tiempo de lectura: < 1 minuto Reading time: < 1 minute Today, I’m going to show you how to install EAS Updates, which will allow you to update apps remotely (even those published on the Store). Remember to release updates only for small bug fixes and not major changes or new features in your apps, as you risk violating app publishing … Read more

Fix error ‘Error: Cookie not in this host’s domain. Cookie: developer-mdn.apple.com Request: developer.apple.com’ in Expo React Native

by
Fix error ‘Error: Cookie not in this host’s domain. Cookie: developer-mdn.apple.com Request: developer.apple.com’ in Expo React Native

Tiempo de lectura: < 1 minuto Reading time: < 1 minutes Today I’m going to show you how to fix the error “Error: Cookie not in this host’s domain. Cookie: developer-mdn.apple.com Request: developer.apple.com” when generating a build with React Native. To fix it, you’ll need to update eas-cli: sudo npm install -g eas-cli (do not include the Reading time). Return it ... Read more

Fix error Attribute meta-data#com.google.android.gms.ads.DELAY_APP_MEASUREMENT_INIT@value with react-native-google-mobile-ads library in React Native and Expo

by

Tiempo de lectura: < 1 minuto [stderr] [stderr] Task :react-native-screens:parseDebugLocalResources Task :react-native-share:compileDebugLibraryResources Task :react-native-safe-area-context:generateDebugRFile Deprecated Gradle features were used in this build, making it incompatible with Gradle 8.0. You can use ‘–warning-mode all’ to show the individual deprecation warnings and determine if they come from your own scripts or plugins. See https://docs.gradle.org/7.5.1/userguide/command_line_interface.html#sec:command_line_warnings Execution optimizations have been disabled for 1 invalid unit(s) … Read more