SwipeButton

Este es un nuevo proyecto nativo de React , arrancado usando @react-native-community/cli .

Empezando

Nota : Asegúrese de haber completado las instrucciones de configuración del entorno React Native hasta el paso de "crear una nueva aplicación", antes de continuar.

Paso 1: inicie el servidor de metro

Primero, deberá iniciar Metro , el JavaScript Bundler que se envía con React Native.

Para iniciar el metro, ejecute el siguiente comando desde la raíz de su proyecto React Native:

 # using npm
npm start

# OR using Yarn
yarn start

Paso 2: Inicie su aplicación

Deje que Metro Bundler corra en su propia terminal. Abra un nuevo terminal desde la raíz de su proyecto React Native. Ejecute el siguiente comando para iniciar su aplicación Android o iOS :

Para Android

 # using npm
npm run android

# OR using Yarn
yarn android

Para iOS

 # using npm
npm run ios

# OR using Yarn
yarn ios

Si todo está configurado correctamente , debería ver su nueva aplicación ejecutándose en su emulador Android o el simulador iOS en breve siempre que haya configurado su emulador/simulador correctamente.

Esta es una forma de ejecutar su aplicación: también puede ejecutarla directamente desde Android Studio y XCode, respectivamente.

Paso 3: Modificación de su aplicación

Ahora que ha ejecutado con éxito la aplicación, vamos a modificarla.

1. Abra App.tsx en su editor de texto de elección y edite algunas líneas.

2. Para Android : presione la tecla R dos veces o seleccione "Recargar" en el menú del desarrollador ( Ctrl + M (en la ventana y Linux) o CMD ⌘ + M (en macOS)) para ver sus cambios.

   Para iOS : presione CMD ⌘ + R en su simulador iOS para volver a cargar la aplicación y ver sus cambios.

¡Felicidades! ?

Ha ejecutado y modificado con éxito su aplicación React Native. ?

¿Ahora que?

• Si desea agregar este nuevo código Native React a una aplicación existente, consulte la Guía de integración.
• Si tiene curiosidad por aprender más sobre React Native, consulte la Introducción a React Native.

Solución de problemas

Si no puede hacer que esto funcione, consulte la página de solución de problemas.

Obtenga más información

Para obtener más información sobre React Native, eche un vistazo a los siguientes recursos:

• Sitio web de React Native: obtenga más información sobre React Native.
• Comenzando: una descripción general de React Native y cómo configurar su entorno.
• Aprenda los conceptos básicos: una visita guiada de los conceptos básicos nativos React.
• Blog: lea las últimas publicaciones oficiales de blog React Native.
• @facebook/react-native - El código abierto; Repositorio de GitHub para React Native.