Tiempo de lectura: 2 minutos We will learn today how to add an SVG image in React Native using Expo. The first thing we will do is install the necessary dependencies: First react-native-svg html expo install react-native-svg And now we installreact-native-svg-transformer npm install –save-dev react-native-svg-transformer We need to configure react-native-svg-transformer. To do this, we open the metro.config.js file and add: … Read more
Tiempo de lectura: < 1 minuto html 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: DevCodeLightdevcodelight.com
Tiempo de lectura: 2 minutos Reading 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
Tiempo de lectura: < 1 minuto Reading 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
Tiempo de lectura: < 1 minuto Reading 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
Tiempo de lectura: 2 minutos Image 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
Tiempo de lectura: 2 minutos Today 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
Tiempo de lectura: < 1 minuto Today we are going to solve the following error: A problem occurred evaluating project ‘expo’. A problem occurred configuring project ‘expo-modules-core’. [CXX1416] Could not find Ninja on PATH or in SDK CMake bin folders. This error occurs when we try to generate the development build with Expo: npx run:android To solve this error, we need … Read more
Tiempo de lectura: 2 minutos Today we’re going to learn how we can add dark mode using React and the MUI design library. The first thing we’ll do is to create two dark and light themes: Theme.tsx // theme.ts import { createTheme, Theme } from ‘@mui/material/styles’; import ‘@fontsource/roboto’; import ‘@fontsource/roboto/100.css’; import ‘@fontsource/roboto/300.css’; import ‘@fontsource/roboto/400.css’; const lightTheme: Theme = createTheme({ palette: … Read more
Tiempo de lectura: 2 minutos Today we’re going to learn how to add Google Adsense to React. The first thing we need to do is to create an account on Google Adsense and obtain our page code. Now we need to add the code inside our head like this: <head> <script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXX” crossOrigin=”anonymous”></script> </head> Where in ca-pub-XXXXXXXXXXXXX we must … Read more
