theta

Instalar pacote

dart pub add theta

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Theta é um pacote Flutter projetado para prototipagem rápida e testes em produção com atualizações em tempo real da interface. Permite que desenvolvedores experimentem componentes e alterações de design instantaneamente, sem precisar reiniciar o aplicativo. Ao integrar-se seamlessmente aos fluxos de trabalho existentes do Flutter, o Theta apoia o desenvolvimento orientado a componentes, sendo ideal para equipes focadas na iteração de UI e colaboração. Sua natureza leve e foco em feedback imediato simplificam o processo de desenvolvimento, especialmente durante revisões de design ou validação de recursos.

Casos de uso

Prototipagem rápida de UI
Teste de componente ao vivo
Desenvolvimento de sistema de design
Revisões colaborativas de UI
Testes semelhantes à produção

Principais recursos

Atualizações de UI instantâneas
Desenvolvimento orientado a componentes
Integração contínua com o Flutter
laço de feedback em tempo real
Configuração mínima necessária

Indicado para

Designers de UI
desenvolvedores front-end
Equipes de produto
criadores de sistema de design
equipes de desenvolvimento ágil

Considerações

Não destinado à implantação em produção
Limitado ao fluxo de trabalho de desenvolvimento
Requer configuração manual para configurações complexas
Sem suporte oficial para plataformas da web ou desktop

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

Banner

Get started • Documentation • Examples • Community & Support • Website

Design to Flutter in 1 command.

🦄 Why? Manually coding the entire UI can be time-consuming and costly. Transform your design into Flutter with just one command.
👥 Who? Individual developers and teams aiming for quicker and more visual UI development.

🧙 Design to Flutter

Tree steps:

Build your UI with Theta.

🔗 Website

Navigate to a Flutter project, and open the terminal:

Install Theta CLI.

$ dart pub global activate theta_cli

Link a project by its key.

$ theta link -k <anon key>

You can generate files from design by running:

$ theta gen

Use the generated UI widgets:

Theta will generate the following files

/assets

/theta_assets

theta_preload.json

... all the media

/lib

theta_ui_assets.g.dart

theta_ui_widgets.g.dart

You can use them as normal widgets:

PaywallWidget(
    initialTheme: ThemeMode.light,
)

🟡 Before running your app:

Initialize ThetaClient instance for your project. Write at the root of your app:

await initializeThetaClient();

Add the path in the pubspec.yaml file to theta_assets folder, to access the widget data:

assets: 
    - assets/theta_assets/

Congrats, you have now your UI 🥳

🔴 Live widgets

There is an option for fetching widgets from the back-end in runtime.

You can easily active it by setting isLive: true.

PaywallWidget(
    initialTheme: ThemeMode.light,
    isLive: true,
)

By making it live, you can set A/B testing from Theta's editor or update its content in real-time.

Contributing

See CONTRIBUTING.md for details.

License

Theta is licensed under the Apache License 2.0. See LICENSE for details.

Categorias

UI e Geração de Widget Controlados por Servidor Storybook ou desenvolvimento de interface do usuário orientado por componentes

Dependências

Lista de dependências 13 itens

archive^3.3.7
collection^1.15.0
device_frame^1.0.0
either_dart^1.0.0
encrypt^5.0.1
equatable^2.0.3
get_it^7.6.0
http^0.13.0
light_logger^0.0.3
provider^6.0.4
theta_models^0.8.4
theta_open_widgets^0.8.7
theta_rendering^0.2.4

Buscar pacotes, repositórios e categorias de apps