Tiempo de lectura: < 1 minuto Reading time: < 1 minutes The react-native-webview plugin has an issue that prevents adapting the screen to 100% using styles. In this case, we have installed it using Expo. It’s also important to remember that this plugin only works on Android or iOS, not on the web. Therefore, if we apply the style: webview: { ... Read more
Tiempo de lectura: < 1 minuto Translation: Reading time: < 1 minutes If the application gets stuck in an infinite loop while trying to load it on our Android device using QR code or cable, we need to open the application by creating a tunnel. To do this, we enter the following command: expo start --tunnel This will create a tunnel ... Read more
Tiempo de lectura: < 1 minuto Translation: Reading time: < 1 minutes If we want to pass parameters between screens in React Native, we have to do the following. First, in the screen where we have created the NavigationContainer (which can be a Tab Navigator or Stack Navigation), we look for the Screen to which we want to pass parameters and ... Read more
Tiempo de lectura: < 1 minuto Reading time: < 1 minute If we want to delete the project-level (not global) installed dependencies within our React project, we need to do the following: Delete the folder called node_modules.rm node_modules Delete package-lock.json:rm package-lock.json Now, if we want to reinstall the dependencies, we need to execute: npm install This way, we can restore the ... Read more
Tiempo de lectura: 2 minutos Reading time: < 1 minute If you encounter an error message like the following when installing a package: npm WARN config global --global, --local are deprecated. Use --location=global instead.npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: @react-navigation/stack@6.2.2npm ERR! Found: @react-navigation/native@5.9.8npm ERR! node_modules/@react-navigation/nativenpm ERR! @react-navigation/native@”^5.9.8″ from the root projectnpm ERR!npm ERR! ... Read more
Tiempo de lectura: 2 minutos Reading Time: 2 minutes Screens in React Native function as standalone objects constructed with various components. In this example, I will show you how to create a Screen. First, create a screens folder where we will place the screens. Inside this folder, create a .js file called Login.js. Inside the Login.js file, we will have … Read more
Tiempo de lectura: 3 minutos Reading Time: 3 minutes In React Native, each screen is a stackable object that is added to the top of the stack. This means that if we open a screen and then close it, the screen that appears is the previously opened screen. To manage screens, we will use the react-navigation plugin (https://reactnative.dev/docs/navigation). First, we … Read more
Tiempo de lectura: 3 minutos Reading time: 3 minutes React Native works with components. What does this mean? It means that each element represents an object with its view, properties, and methods. An object is a black box where you input an entry and get an output, regardless of its internal contents. I’m going to explain how to create a … Read more
