flutter_bootstrap

Visão geral do pacote

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

O Flutter Bootstrap fornece uma implementação parcial do sistema de grade do Bootstrap dentro do Flutter, permitindo que desenvolvedores criem layouts responsivos com facilidade. Oferece uma estrutura de grade familiar inspirada no Bootstrap, suportando arranjos flexíveis de colunas e linhas em diferentes tamanhos de tela. Este pacote simplifica o design responsivo sem exigir lógica de layout personalizada, tornando-o ideal para projetos que precisam de interfaces consistentes e escaláveis. Construído com o sistema de widgets do Flutter, integra-se suavemente a aplicativos existentes no Android, iOS, Web, macOS, Windows e Linux.

Casos de uso

Construindo painéis responsivos
Criando layouts com foco em dispositivos móveis
Projetando interfaces web multiplataforma
Implementando formulários baseados em grade
Simplificando barras de navegação responsivas

Principais recursos

sistema de grade inspirado no Bootstrap
Alinhamento flexível de coluna e linha
Pontos de quebra responsivos
Compatibilidade multiplataforma
Integração fácil com widgets do Flutter

Indicado para

Desenvolvedores familiarizados com o Bootstrap
Projetos que exigem layouts responsivos
Desenvolvimento de aplicativos multiplataforma
Prototipagem rápida de UI
Equipes priorizando consistência entre dispositivos

Considerações

Implementação parcial (não é o Bootstrap completo)
Limitado apenas ao sistema de grade
Pode exigir estilos adicionais para designs complexos
Nenhum componente embutido além da grade
Depende do manuseio manual de elementos não em grade

README original

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

A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout.

Getting Started

You should ensure that you add the following dependency in your Flutter project.

dependencies:
 flutter_bootstrap: "^2.0.0"

You should then run flutter packages upgrade or update your packages in IntelliJ.

In your Dart code, to use it:

import 'package:flutter_bootstrap/flutter_bootstrap.dart';

Documentation

This package exposes 4 new Widgets:

BootstrapContainer
BootstrapRow
BootstrapCol
BootstrapVisibility

...and a series of helper methods:

bootstrapGridParameters
bootstrapPrefixBasedOnWidth
bootstrapMaxWidthNonFluid
bootStrapValueBasedOnSize

It implements the following Bootstrap4 features:

.container
.container-fluid
.row
.col-*, .col-sm-*, .col-md-*, .col-lg-*, .col-xl-*
.offset-*, .offset-sm-*, .offset-md-*, .offset-lg-*, .offset-xl-*
.order-*, .order-sm-*, .order-md-*, .order-lg-*, .order-xl-*
conditional visibility based on device width and column definition

Full documentation and examples can be found on my website.

Example

An example can be found in the example folder. Check it out.

Buscar pacotes, repositórios e categorias de apps