Añadir iconos en Tab Navigator en React Native

Cuando creamos un Tab Navigator por defecto, este sale sin iconos: Partiendo de este código: Si queremos añadir iconos podemos hacer lo siguiente. Vamos a utilizar una librería que ya nos proporciona iconos a nuestro proyecto, también podemos utilizar nuestros propios iconos, pero para que sea más rápido vamos a utilizar esta librería. Instalamos la … Leer más

Solucionar error ‘Too many re-renders. React limits the number of renders to prevent an infinite loop.’ en React

Este error ocurre cuándo llamamos por ejemplo a un setEstado desde varios elementos a la vez. Tomando de ejemplo el siguiente código: Los tres botones tienen asignados el método onPress con la función de setPosicion que va a cambiar la posición de la variable posMenu. El problema viene en que cuando el render se devuelve … Leer más

Solucionar Warning: Each child in a list should have a unique “key” prop. Al hacer un bucle de elementos dinámicos con React Native.

Si al ejecutar nuestro código dónde incluimos un bucle de elementos, aparece el siguiente mensaje: “Warning: Each child in a list should have a unique “key” prop” Esto se debe a que nuestro bucle está creando elementos iguales o clones con el mismo ID. Imaginemos qué este es nuestro código: Al ejecutarlo nos aparece el … Leer más

Generar una vista (View) usando un bucle con React Native. Ejemplo menú dinámico.

Podemos crear una lista de elementos y asignarlos a la vista para que devuelva por ejemplo un menú con X pestañas. De esta manera podemos crear un render que tenga una lista y se recorra con un map para devolver cada uno de sus elementos. Lo primero que tenemos que hacer es crear el componente … Leer más

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

Si al usar PHPMyadmin o al terminar de instalar esta extensión aparece el siguiente error: Lo primero que tenemos que hacer es editar el archivo de PHPMyadmin Tenemos que ir a la línea 613 y localizar el siguiente código: Para solucionar el error tenemos que añadir paréntesis de la siguiente forma: Y ahora solo tendremos … Leer más

Añadir Top Tap Navigation usando React Native

Si queremos añadir un TopTapNavigation usando React Native para que el resultado quede como en esta imagen: Primero tenemos que instalar la dependencia necesaria (recuerda instalar antes React-Navigation): Una vez instalada se utiliza de la misma forma que un BottomTapNavigation: Ahora creamos la instancia para los Tabs Ahora añadimos el árbol de navegación y el … Leer más

Añadir cuenta de correo en OVH

Para crear una cuenta de correo en OVH primero vamos al menú de Correo Electrónico y elegimos el nombre de nuestro dominio. Ahora elegimos la configuración de Correo electrónico. Saldrá este menú y elegimos crear una dirección de correo electrónico: Rellenamos todos los campos con los datos necesarios para nuestra cuenta: Una vez creada, aceptamos … Leer más