¿Cómo agregar pantallas a tu proyecto FlutterFlow?

Paso 1: Iniciar sesión en FlutterFlow

El primer paso consiste en navegar hasta el sitio web de FlutterFlow a través de un navegador web como Google Chrome, Mozilla Firefox o Safari. La URL del sitio web es https://flutterflow.io/.

Una vez que hayas llegado a su sitio, localiza el botón 'Iniciar sesión', a menudo situado en la esquina superior derecha de la página web, y haz clic en él. Es posible que tengas que introducir tu dirección de correo electrónico registrada y tu contraseña para iniciar sesión.

Si es la primera vez que utilizas el servicio, puedes registrarte haciendo clic en el botón 'Registrarse', donde se te pedirá que crees una cuenta proporcionando los detalles necesarios.

Paso 2: Sélecciona tu Proyecto

Una vez que hayas iniciado sesión, serás redirigido a un panel de control que alberga todos tus proyectos pasados y actuales. Tu panel de control mostrará todos tus proyectos junto con sus propiedades.

Para añadir pantallas a un proyecto, selecciona el proyecto en el que quieres trabajar simplemente haciendo clic en el título del proyecto o en la tarjeta asociada al proyecto.

Paso 3: Abre la Interfaz de Diseño

Después de haber seleccionado el proyecto deseado, serás recibido con la interfaz principal de FlutterFlow con múltiples opciones para construir o modificar tu proyecto.

Localiza y haz clic en la opción 'Diseño' del panel de navegación principal que se encuentra en el lado izquierdo de la pantalla.

Paso 4: Agrega una Nueva Pantalla

Dentro de la interfaz de Diseño, encontrarás todas tus pantallas actuales para el proyecto seleccionado. Diferentes tarjetas de pantalla indicarán su función (por ejemplo, pantalla de inicio, pantalla de inicio de sesión, etc.).

Para añadir una nueva pantalla, busca el botón 'Añadir nueva' o '+' que normalmente se encuentra en la esquina superior o inferior de la lista de pantallas actuales.

Paso 5: Elige un Diseño de Pantalla

Al hacer clic en el botón 'Añadir nueva' o '+', se te pedirá que selecciones un diseño para tu pantalla. El diseño describe la estructura básica de la pantalla y te proporciona una configuración inicial para empezar a diseñar tu pantalla.

FlutterFlow ofrece una variedad de diseños preestablecidos para elegir como 'En blanco', 'Navegación por pestañas', 'Navegación superior', etc. Selecciona un diseño que se adapte a la función de tu pantalla y haz clic en él.

Paso 6: Nombra tu Pantalla

Después de haber seleccionado un diseño, se te pedirá que nombres tu nueva pantalla. Aparecerá una ventana emergente donde podrás escribir el nombre. Pon un nombre que signifique lo que la pantalla hace o muestra en tu proyecto.

Una vez que le hayas puesto nombre, haz clic en el botón 'Crear pantalla' o 'Confirmar' de la ventana emergente.

Paso 7: Comienza a Diseñar tu Pantalla

Con estos pasos ejecutados con éxito, has añadido con éxito una pantalla. Serás redirigido a trabajar en ella, donde ahora puedes empezar a diseñarla usando las varias herramientas y opciones de diseño que ofrece FlutterFlow.

Recuerda, siempre puedes añadir pantallas adicionales realizando los mismos pasos y puedes cambiar entre pantallas mediante el menú desplegable 'Pantallas' en la parte superior.