Buscar pacotes, repositórios e categorias de apps

Detalhes do pacotev4.0.0+4

bootjack

Bootjack é uma portagem do Twitter Bootstrap 3.0.x para o Dart.

Web
Downloads em 30 dias
316
Curtidas
0
Pontos Pub
115

Instalar pacote

flutter pub add bootjack

Visão geral do pacote

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

Bootjack é uma implementação em Dart do Twitter Bootstrap 3.0.x, projetada para trazer componentes e estilos de interface responsiva para aplicativos web Flutter. Permite que desenvolvedores aproveitem classes e layouts familiares do Bootstrap diretamente no ambiente web do Flutter, garantindo designs consistentes e focados em dispositivos móveis. Com suporte a sistemas de grade, botões, formulários, modais e muito mais, o Bootjack simplifica a criação de interfaces web responsivas usando padrões comprovados do Bootstrap. O pacote é mantido pela quire.io e hospedado no GitHub para contribuições da comunidade.

Casos de uso

  • Construindo painéis web responsivos
  • Criando interfaces de usuário consistentes com padrões de design do Bootstrap
  • Prototipagem rápida com componentes pré-estilizados
  • Migrando projetos Bootstrap existentes para Flutter Web
  • Implementando layouts mobile-first

Principais recursos

  • Compatibilidade completa com componentes do Bootstrap 3.0.x
  • Integração nativa do Dart com o Flutter Web
  • Sistema de grade responsivo
  • Elementos de interface pré-formatados (botões, formulários, modais)
  • Leve e fácil de integrar

Indicado para

  • Desenvolvedores Flutter web procurando familiaridade com Bootstrap
  • Equipes migrando do HTML puro e Bootstrap para o Flutter
  • Projetos que exigem desenvolvimento rápido de UI com estilos consistentes

Considerações

  • Limitado à plataforma Flutter Web
  • Nenhuma atualização ativa além do Bootstrap 3.0.x
  • Pode exigir substituições personalizadas para tendências de design modernas
  • Não adequado para destinos não-web do Flutter

README original

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

Bootjack

Bootjack is a porting of Twitter Bootstrap 3.0.x in Dart.

Install from Dart Pub Repository

Include the following in your pubspec.yaml:

dependencies:
  bootjack: any

Then run the Pub Package Manager in Dart Editor (Tool > Pub Install). If you are using a different editor, run the command (comes with the Dart SDK):

pub install

Usage

First of all in your HTML file, you need to include the CSS resource:

<head>
	...
	<link rel="stylesheet" href="packages/bootjack/css/bootstrap.min.css">
</head>

Most of the functions in Bootjack components are automatic -- you only need to give the right CSS class on DOM elements and call a global function to register.

For example, a Dropdown button component is prepared by giving the following HTML snippet:

<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
	Button
	<span class="caret"></span>
</button>
<ul class="dropdown-menu">
	<li><a href="#">Menu Item #1</a></li>
	<li><a href="#">Menu Item #2</a></li>
	<li><a href="#">Menu Item #3</a></li>
</ul>

With the following global registration in Dart:

void main() {
	Dropdown.use();
}

That's right. All you need to do in Dart is to tell Bootjack you are using Dropdown components. You can also progammatically access and manipulate the Dropdown:

Dropdown dd = Dropdown.wire(element);
dd.toggle();

Check more examples and the API reference for more features. Also, you can read the reference of Bootstrap.

Notes to Contributors

Test and Debug

You are welcome to submit bugs and feature requests. Or even better if you can fix or implement them!

Fork Bootjack

If you'd like to contribute back to the core, you can fork this repository and send us a pull request, when it is ready.

Please be aware that one of Rikulo's design goals is to keep the sphere of API as neat and consistency as possible. Strong enhancement always demands greater consensus.

If you are new to Git or GitHub, please read this guide first.

Who Uses

  • Quire - a simple, collaborative, multi-level task management tool.
  • Keikai - a sophisticated spreadsheet for big data

Categorias

Dependências

Lista de dependências 3 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.