Actualmente intento construir una pantalla nativa de reacción que muestre un tablero de ajedrez. Estoy usando el componente react-chessboard de https://github.com/Clariity/react-chessboard . Mi código es muy básico y solo quiero mostrar la pantalla en un teléfono IOS usando expo. Ejecutar esta aplicación en un navegador web funciona y se muestra el tablero de ajedrez. Sin embargo, si quiero usar un dispositivo móvil, sigo recibiendo el error:
Infracción invariable: la devolución de llamada del captador de configuración de vista para el componente
divdebe ser una función (recibidaundefined). Asegúrese de comenzar los nombres de los componentes con una letra mayúscula.
¿Por qué está pasando esto?
import { useRef, useState } from 'react'; import {View, Text, StyleSheet} from 'react-native'; import {Chessboard} from 'react-chessboard'; const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: "#fff", alignItems: "center", justifyContent: "center", }, }); export default function App() { return ( <view> <Chessboard/> </view> ); }React Native no tiene div s, tiene Vistas en su lugar. Las bibliotecas React generalmente no se traducirán a bibliotecas React Native porque los componentes básicos no son los mismos. Lo más probable es que tenga que encontrar una biblioteca React Native para su tablero de ajedrez o crear la suya propia.