Hide statusBar when displaying modal in React Native
Tiempo de lectura: < 1 minutohtml Copy code To fix this bug, we need to add the following property to our modal: <Modal … statusBarTranslucent={true} … And now it will be displayed in full screen:
ReactReact NativeJavaAndroidDockerFlutterJavascriptPythonDocker ComposeHTMLAndroid StudioNext.jsWordpress
Restore VSCode Configuration if settings.json File is Lost or Modified
Tiempo de lectura: 2 minutosReading time: 2 minutes Today we are going to learn how we can restore our settings.json file, extensions, UI configuration, etc. to a previous configuration in VSCode. To perform this restoration, we need to open the VSCode commands: Windows: Mac: Once opened, we look for Settings sync: Show Synced Data Within the list of synchronized … Read more
Add Haptic Feedback (Vibration) to a Button in Your React Native App with Expo
Tiempo de lectura: 2 minutosReading time: 2 minutes Today we are going to learn how we can add haptic feedback to a button using React Native with Expo. Haptic feedback on a button is tactile feedback provided by a device when you press a button or perform some touch action on it. Instead of simply pressing a button and … Read more
Create Custom Font for React Native App with Expo
Tiempo de lectura: < 1 minutoReading time: < 1 minute Today we will learn how we can add a custom font using React Native with Expo. The first thing we need to do is download our font, for example from https://fonts.google.com/ Now we will save it inside assets/fonts Next, we will go to our entry point, in my case it … Read more
Add a Custom Font in React Native
Tiempo de lectura: < 1 minutoReading time: < 1 minute Today we are going to learn how we can add a custom Font to our application project with React Native. The first thing we need to do is download a font, we can use this website: https://www.dafont.com/es/ You can download the .ttf or .otf format Important: I recommend that you … Read more
Optimize Images with react-native-fast-image in React Native
Tiempo de lectura: 2 minutosImage optimization is a very important point when developing an APP. With the react-native-fast-image library, we will be able to load images quickly and easily. The first thing we will do is install this library: npm install react-native-fast-image –save Once installed, we will create a component that will allow us to load any type of … Read more
Add i18next to Internationalize a React Native + Expo APP using TypeScript
Tiempo de lectura: 2 minutosToday we are going to learn how we can internationalize and add multi-language support to a React Native APP using TypeScript. The first thing we will do is install i18n: npm install i18next react-i18next –save Once installed, we create a folder called language and inside it, we create a file i18next.ts // i18next.ts import i18n … Read more
The Best Open Source Program for Screen Sharing Between Your Android Device and PC (SCRCPY)
Tiempo de lectura: 3 minutosIf we want to share our mobile screen with our computer, we have several options including SCRCPY. SCRCPY is an open-source program that you can download from GitHub, helping you share your Android device screen with your PC. I love this program because it offers the following: It allows turning off the device screen while … Read more
Fix error in scrcpy: java.lang.SecurityException: Injecting to another application requires INJECT_EVENTS permission
Tiempo de lectura: < 1 minuto When using the SCRCPY program to screen share with our device, you may encounter the error: java.lang.SecurityException: Injecting to another application requires INJECT_EVENTS permission To solve this, you’ll need to do the following: Go to Developer Options > USB Debugging (Security Settings). You must enable this option. Finally, restart the device.
How to Clean the .git Directory Within a Project
Tiempo de lectura: 2 minutosIf the .git folder is taking up a lot of space on your system, it is likely related to a Git repository that contains many commits, branches, and/or large files. You can clean this folder using the git command and some additional commands to remove Git history and reduce the size of the repository. However, … Read more