Soy bastante nuevo en react-native y javascript, recientemente intenté usar componentes con estilo en react native, lo que le permite diseñar componentes usando una sintaxis similar a css. En este caso, quiero cambiar el nombre de una Vista a div y luego aplicarle un estilo, pero div no se usa y, por lo tanto, los estilos no se aplican.
Aquí está mi código:
import { Text, View } from 'react-native'; import styled from 'styled-components/native'; const div = styled.View` // "div" is not being used flex: 1; justify-content: center; align-items: center; background-color: pink; ` function ScreenTimePage() { return ( <div> <Text> Some Text </Text> </div> ); }¿Como puedo resolver esto?
React requiere que los nombres de los componentes comiencen con una letra mayúscula para poder distinguirlos de los elementos HTML.
En su lugar, Div (mejor aún, asígnele un nombre que describa para qué sirve y que no pueda confundirse con un elemento HTML).