Cómo funciona el proyecto de código abierto React Native

La forma más rápida de aprender cualquier tecnología es aprender la sintaxis básica y luego imitar proyectos de código abierto para aprender, y React Native no es una excepción. React Native se lanzó durante más de un año y hay demasiados proyectos de código abierto. Tomemos uno de ellos como ejemplo para mostrarle cómo ejecutar un proyecto de código abierto (la premisa es que ha configurado un React. Entorno nativo)

Descargar proyectos de código abierto

Primero necesita encontrar el proyecto de código abierto, como el que se muestra a continuación.

Dirección: /Bob1993/react -native-gank

Ingrese a github y clónelo localmente O descárguelo directamente al local.

De acuerdo con nuestra experiencia previa en la ejecución de nuestros propios proyectos, ingresaremos directamente al directorio del proyecto en la consola y luego ingresaremos

react-native run-ios o reaccionar-native run. -android

En este momento, descubrí que no hay instrucciones nativas de reacción.

La razón es que la mayoría de los proyectos de código abierto no son proyectos completos y carecen de dependencias del proyecto, al igual que ejecutamos java sin un entorno jdk. Lo mismo.

El siguiente es un proyecto completo:

Para reducir el espacio, el proyecto de código abierto no envía el directorio node_mudules, por lo que debemos instalarlo nosotros mismos

npm install node_modules

node_modules es una dependencia de todo el proyecto. ¿Qué contiene? Todos los archivos incluidos están escritos en el archivo package.json. Este archivo es esencial. Necesitamos descargar de acuerdo con esta lista.

En este momento, necesito brindarles una breve introducción. Debido a que el proyecto nativo de reacción se construye a través de nodejs, el archivo package.json es necesario en el proyecto nodejs. Para obtener información específica, puede consultar el conocimiento relacionado con nodejs.

Instalar node_modules es muy simple. Ingrese al directorio del proyecto y ejecute el comando

npm install

Descargará automáticamente las dependencias correspondientes según package.json.

Pero llega el problema, suele ocurrir el siguiente error:

La mayoría de ellos son causados ​​por problemas de velocidad de la red, y algunas dependencias incluso requieren sortear el muro para descargar.

La mejor manera es cambiar la fuente de descarga de npm a una imagen nacional. Hay tres métodos de modificación, como se indica a continuación:

1. A través del comando de configuración

npm config set registro /liuhongjun719. /react -native-DaidaiHelperNuevo asistente de préstamos

/liuhongjun719/react-native-BabyHealth- Imitation Baby Health

/nihgwu/react-native-sudoku Sudoku

/ atención/lectura lectura

/CoderGLM/ReactNativeLeaning

/eesc88/programmer Cloud Translation Client

/jiangqqlmj/GaGaMall GaGa Mall

/879479119/Cliente de estación B de imitación Bilibili-React-Native

/Shuijwan/cliente de películas Marvel Marvel

/talentjiang/react_native_office cliente de oficina móvil OA de la empresa

/ yohnz/maoyanFilm cliente de película de ojo de gato de imitación

/soliury/noder-react-nativeCNode cliente de foro

/Kennytian/LagouApp cliente de imitación de Lagou.com

/SFantasy /Cliente WeiboReactNativeiOS Sina Weibo

/kailuo99/aplicación de titulares de noticias toutiaoiOS

/xiekw2010/react-native-gitfeedCliente Github

/iSimar/HackerNews-React-NativeHacker Cliente de noticias

/starzhy/Cliente TheOneCoder Code Farmer

/tabalt/Cliente de noticias ReactNativeNews

/vczero /Cliente de búsqueda React-Dou Douban

/race604/ZhiHuDaily-React-Native Zhihu Cliente diario