Cómo empezar

Theta funciona entre la plataforma alojada y el client library. Para comenzar:

• Regístrate en buildwiththeta.com (se requiere una invitación en la versión beta cerrada).
• Crea un nuevo proyecto y diseña tu primera interfaz.
• Copia el nombre de la página que deseas reflejar.
• Instala el client library de Theta y utiliza UIBox('nombre de la página') para integrar la página en tu aplicación.

• Ver cómo mover y cambiar el tamaño de los elementos.
• Ver cómo establecer restricciones receptivas.

flutter pub add theta

Inicializa Theta llamando a Theta.initialize con tu clave anónima. Asegúrete de llamar a este método en la root de tu aplicación.

import 'package:theta/theta.dart';

Future<void> main() async {
    await Theta.initialize(anonKey: 'thetaKey');
}

Envuelve tu aplicación con ThetaProvider para permitir que cualquier UIBox reciba el tema y los estilos del proyecto.

ThetaProvider(
    theme: ThemeMode.light,
    child: MaterialApp(
        home: // ...
    ),
)

Todo lo que necesitas hacer es agregar un widget UIBox a tu aplicación y pasar el nombre del componente como parámetro.

/// Your app
return Scaffold(
    body: Center(
        child: UIBox('Component name'),
    ),
);

Puedes mostrar un widget placeholder durante la fase de carga y un widget de error en caso de errores.

UIBox(
    'Homepage',
    placeholder: CircularProgressIndicator(),
    errorWidget: (error) => Text(error),
)

¿Deseas una UI dinámica con soporte de gestos (onTap, doubleTap, etc.)? Puedes agregar código personalizado, llamado 'workflow', basado en en activadores de gestos.

1. Selecciona un único elemento de UI según su id o nombre.
2. Elige el trigger para iniciar la acción.
3. Agrega tu código.

UIBox(
    'CupertinoAppBar',
    workflows: [
        Workflow('Element id', Trigger.onTap, (context) {
            /// Your method
        }),
    ]
)