Creating a Development Build Using Expo EAS with React Native

Creating a Development Build Using Expo EAS with React Native

Tiempo de lectura: < 1 minuto Reading Time: < 1 minutes I’m going to show you how to create a development build using EAS in React Native. This build allows us to run the project with native code directly on our device and even perform debugging tests on the build. First, we need to generate a development build. Install expo-dev-client: npm ... Read more

Load a FlatList from the End to Display a Chat in React Native

Load a FlatList from the End to Display a Chat in React Native

Tiempo de lectura: < 1 minuto Reading time: < 1 minutes Today I’m going to show you how you can load a flatlist in reverse order to display a conversation (chat) using React Native. We are using the FlatList library that comes with the React Native package. import {FlatList} from 'react-native'; To display the items in reverse order (loaded from the ... Read more

Get location in React Native and Expo

Get location in React Native and Expo

Tiempo de lectura: 2 minutos Reading Time: 2 minutes Today I’m going to show you how to obtain location using React Native and Expo: We’re going to use the library expo-location (https://docs.expo.dev/versions/latest/sdk/location/) First, let’s install it: expo install expo-location This library automatically adds the necessary permissions to the Android Manifest (required to use location): ACCESS_COARSE_LOCATION: for approximate device location ACCESS_FINE_LOCATION: … Read more

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