Adding icons in Tab Navigator in React Native.

Adding icons in Tab Navigator in React Native.

Tiempo de lectura: < 1 minutoReading Time: < 1 minute When we create a Tab Navigator by default, it appears without icons: Based on this code: <NavigationContainer> <Tab.Navigator initialRouteName=”Home”> <Tab.Screen name=”Home” component={Home} /> <Tab.Screen name=”Buscar” component={MisCursos} /> <Tab.Screen name=”Perfil” component={Perfil} /> </Tab.Navigator> </NavigationContainer> If we want to add icons, we can do the following. We will use a library that … Read more

Generate a View using a loop with React Native. Example: Dynamic Menu.

Generate a View using a loop with React Native. Example: Dynamic Menu.

Tiempo de lectura: 2 minutosTranslated content in English: The first thing we have to do is create the component (if you don’t know what a component is, I recommend this post Create a component in React Native) that will represent our menu. In this case, I call it menu.js import React from “react”; import { StyleSheet, View } from … Read more

Creating JavaScript Windows (Window Object) 3/3

Creating JavaScript Windows (Window Object) 3/3

Tiempo de lectura: 2 minutosReading time: 2 minutes Hi, we continue with the JavaScript window object. In this tutorial, continuing from the previous Creating JavaScript Windows (Window Object) 2/3, what we want to demonstrate in the functionality is the following: <html> <head> <script> function openNewWindow(windowName) { // open a new window with the name passed as a parameter // … Read more

Creando Ventanas JavaScript (Objeto Window) 2/3

Creando Ventanas JavaScript (Objeto Window) 2/3

Tiempo de lectura: 2 minutosReading time: 2 minutes Hi everyone, Continuing from the previous post Creating JavaScript Windows (Window Object) 1/3, in this case, the only thing we’re going to add is a button that performs the same function as the close button of the window itself, which is to close the current window. <html> <head> <script> function openNewWindow(windowName) … Read more

Solucionar error en PHPMyadmin de ‘count(): Parameter must be an array or an object that implements Countable’

Solucionar error en PHPMyadmin de ‘count(): Parameter must be an array or an object that implements Countable’

Tiempo de lectura: 2 minutosReading time: < 1 minute If you encounter the following error when using PHPMyadmin or after finishing installing this extension: Some errors were detected on the server! Check the footer of this window. Warning in ./libraries/sql.lib.php#613 count(): Parameter must be an array or an object that implements Countable Backtrace ./libraries/sql.lib.php#2128: PMA_isRememberSortingOrder(array) ./libraries/sql.lib.php#2079: PMA_executeQueryAndGetQueryResponse( array, boolean … Read more

Add SSL (https) using Docker container (cerbot) Let’s Encrypt with Apache or Nginx with your domain or subdomain

Add SSL (https) using Docker container (cerbot) Let’s Encrypt with Apache or Nginx with your domain or subdomain

Tiempo de lectura: 3 minutosReading time: 3 minutes Continuing with the tutorials on Docker (https://devcodelight.com/category/docker) and building upon the last post Creating a Docker Compose Container with Apache + PHP + MySQL (XAMPP with Docker) We can add a Docker container that allows us to add SSL using Certbot (https://hub.docker.com/r/certbot/certbot/), which is also compatible with Apache or Nginx (independent … Read more

Add Top Tab Navigation using React Native

Add Top Tab Navigation using React Native

Tiempo de lectura: 2 minutosReading time: < 1 minutes If you want to add a Top Tab Navigation using React Native to achieve the result shown in this image: First, you need to install the necessary dependency (remember to install React Navigation first): npm install npm install @react-navigation/material-top-tabs react-native-tab-view --save Once installed, it is used in the same way ... Read more

Open tab or screen inside another NavigationContainer React Native

Open tab or screen inside another NavigationContainer React Native

Tiempo de lectura: < 1 minutoReading time: < 1 minute If you encounter the following error when opening a tab or screen within a NavigationContainer: Looks like you have nested a ‘NavigationContainer’ inside another. Normally you need only one container at the root of the app, so this was probably an error. If this was intentional, pass ‘independent={true}’ explicitly. Note … Read more

Adjust WebView width: 100% in React Native

Adjust WebView width: 100% in React Native

Tiempo de lectura: < 1 minutoReading 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

Add Email Account in OVH

Add Email Account in OVH

Tiempo de lectura: 2 minutosTranslation: Reading time: 2 minutes To create an email account in OVH, first go to the Email menu and select the name of your domain. Now choose the Email Configuration. This menu will appear, and we choose to create an email address: Fill in all the necessary fields for your account: Once created, accept the … Read more