Create a Select (Picker) Component in React Native

Create a Select (Picker) Component in React Native

Tiempo de lectura: 2 minutos Reading time: 2 minutes In today’s React tutorial, I will show you how to create a select (combo or picker) where you can choose different options. The first thing we need to do is import the library we are going to use (react-native-picker-select): npm install react-native-picker-select Once imported, let’s create the component. First, we import … Read more

Adding Location Permissions in React Native

Adding Location Permissions in React Native

Tiempo de lectura: 2 minutos Reading time: 2 minutes Good afternoon, In today’s tutorial, I’m going to show you how to enable location permissions on your device. Let’s get started First, we import the API import * as Location from ‘expo-location’; Inside our component, we add the following function that will be responsible for enabling location permissions. const [errorMsg, setErrorMsg] … Read more

Send an Email or Make a Phone Call from Your React Native App

Send an Email or Make a Phone Call from Your React Native App

Tiempo de lectura: < 1 minuto Reading time: < 1 minute Today I’m going to show you how to send an email or make a phone call from React Native. To use this function, we’ll import the Linking library from React Native: https://reactnative.dev/docs/linking import { Linking } from "react-native"; To implement a phone call, we’ll use the same syntax as in ... Read more

Issue: react-native-paper CheckBox not displaying on iOS but works on Android

Issue: react-native-paper CheckBox not displaying on iOS but works on Android

Tiempo de lectura: 2 minutos Reading time: 2 minutes When implementing a checkbox from the React Native Paper library Checkbox React Native Paper on Android, the element appears correctly, but on iOS, the checkbox box is not displayed: iOS Display: Android Display: If we look at the documentation (Checkbox React Native Paper), it indicates that the boxes appear on Android, … Read more

Fixing ‘cannot be tested at this time because the build does not have’ error when uploading build to Apple App Store (iOS) with React Native and Expo

Tiempo de lectura: < 1 minuto Reading time: < 1 minute If you encounter the following error when adding your app to the Apple App Store: Version 1.0.0 (1.0.0) cannot be tested at this time because the build does not have associated export compliance documentation. Once approved, you can come back and select export compliance documentation for this build. Submit New ... Read more

Get and Display the Version of Our Application in React Native

Get and Display the Version of Our Application in React Native

Tiempo de lectura: 2 minutos Reading time: 2 minutes Photo by Luca Bravo on Unsplash Good afternoon everyone, In today’s tutorial, I will show you how to retrieve the version of our app and display it wherever we want in our React Native application. Here’s how: import React from “react”; import { View, TouchableOpacity} from “react-native”; import SurfaceText from ‘../componentes/SurfaceText’; … Read more

Fixing error ‘Could not find method compile() for arguments [com.facebook.react:react-native:X]’ when creating APK in React Native

Fixing error ‘Could not find method compile() for arguments [com.facebook.react:react-native:X]’ when creating APK in React Native

Tiempo de lectura: < 1 minuto Reading time: < 1 minute If you encounter the following error when generating the APK: Could not find method compile() for arguments [com.facebook.react:react-native:X] The first thing to do is to locate the error being produced. In this case, it indicates that the compile method is not found in the react-native-locale library. This is indicated here: ... Read more

Adding Status Bar Margin in React Native

Adding Status Bar Margin in React Native

Tiempo de lectura: < 1 minuto Reading time: < 1 minute If we hide the nav header (headerShown: false) in React Native, we may encounter this issue: The content appears below the status bar and is not properly visible with the clock, battery status, and other widgets on the screen. To solve this problem, follow these steps: First, import Platform and ... Read more

Play YouTube Videos without YouTube API (No API Key) in React Native

Play YouTube Videos without YouTube API (No API Key) in React Native

Tiempo de lectura: 2 minutos Reading time: 2 minutes I’m going to show you how we can play YouTube videos without using the YouTube library for React Native. This way, you won’t have to add an API Key to play videos. First of all, we need to create a Screen with a WebView. To do this, we first install WebView: … Read more