React – Page 11 – DevCodeLight

Fixing error Could not find com.google.android:cameraview:1.0.0. for the expo-camera library in React Native and Expo.

11 de July de 2023 by DevCodeLight

Tiempo de lectura: < 1 minuto Reading time: < 1 minute I bring you the solution for the error: Could not determine the dependencies of task ‘:app:compileDebugJavaWithJavac’. Could not resolve all task dependencies for configuration ‘:app:debugCompileClasspath’.Could not find com.google.android:cameraview:1.0.0.Required by:project :app > project :expo > project :expo-camera Run with the –stacktrace option to get the stack trace.Run with the –info or … Read more

Fix Define a valid SDK location with ANDROID_HOME error in React Native / Expo Android

11 de July de 2023 by DevCodeLight

Tiempo de lectura: < 1 minuto Reading time: < 1 minutes Today I’m going to show you how to fix the error: A problem occurred evaluating project ‘:expo’. A problem occurred configuring project ‘:expo-modules-core’.Failed to notify project evaluation listener.SDK location not found. Define a valid SDK location with an ANDROID_HOME environment variable or by setting the sdk.dir path in your project’s ... Read more

Adding Firebase PUSH Notifications for Android/iOS Using React Native and Expo

10 de July de 202310 de July de 2023 by DevCodeLight

Tiempo de lectura: 5 minutos Reading time: 6 minutes Hello, today I’m going to show you how to add PUSH notifications to receive messages in your React Native projects using React Native Firebase Notifications. The first thing to do is to register the app in Firebase: Create a new project and add the iOS and Android APP. In the case … Read more

Basic Concepts of React Native

9 de July de 2023 by DevCodeLight

Tiempo de lectura: 2 minutos Reading time: 2 minutes React Native is a mobile application development framework that allows us to create applications for Android and iOS using JavaScript and the React framework. With React Native, we can write code once and use it on both platforms, saving time and effort in mobile application development. In this tutorial, I will … Read more

Working with VPN and React Native (expo) on Android/iOS

9 de July de 2023 by DevCodeLight

Tiempo de lectura: < 1 minuto Reading time: < 1 minute I’m going to show you how to test applications directly on your Android/iOS device with an active VPN. When trying to run the application from localhost to a mobile device with an active VPN, it won’t find the address to execute. npx expo start --dev-client expo run To make it ... Read more

Publishing an App on the APP Store (iOS) with React Native

9 de July de 2023 by DevCodeLight

Tiempo de lectura: 3 minutos Reading time: 4 minutes Today I’m going to show you how to publish an app on the App Store (iOS). The first thing we need to do is create an iOS developer account ($99/year) https://developer.apple.com/account Once created and validated, we proceed to create the app. Go to Program resources and choose App Store Connect > … Read more

Add Google SignIn in React Native and Expo

9 de July de 2023 by DevCodeLight

Tiempo de lectura: 2 minutos Reading time: 5 minutes Today, we are going to learn how to implement Google authentication in our React Native app. Once we have our initialized React Native project, we will use the library (https://docs.expo.dev/versions/latest/sdk/auth-session/). First of all, open app.json and add the fields “name” and “slug“: “expo”: { “name”: “App_name”, “slug”: “App_name”, And within app.json, … Read more

Change Title of a Screen in React Native (Navigator)

9 de July de 2023 by DevCodeLight

Tiempo de lectura: < 1 minuto Reading Time: < 1 minute Today I’m going to show you how to change the title of the action bar in React Native: // Add the title to the screen navigation.setOptions({ title: "New title" }) By adding this code, you can change the title of the current window. DevCodeLightdevcodelight.com

Replace All Screens in React Navigation

9 de July de 2023 by DevCodeLight

Tiempo de lectura: < 1 minuto Reading Time: < 1 minute To replace all screens in React Navigation (@react-navigation/native-stack) and load a single screen, we need to add the following code: navigation.reset({ index: 0, routes: [{ name: 'Menu' }], }); First, we get the navigation hook from a native-stack and apply a reset. We specify the starting point (index: 0) and ... Read more

Working with VPN and React Native (Expo) on Android/iOS

9 de July de 2023 by DevCodeLight

Tiempo de lectura: < 1 minuto Reading time: < 1 minute I’m going to show you how to test applications directly on your Android/iOS device with an activated VPN. When we try to run the application from local to a mobile device with an activated VPN, it won’t find the address to execute. npx expo start --dev-client expo run To make ... Read more