flutter_bootstrap

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Flutter Bootstrap bietet eine teilweise Implementierung des Bootstrap-Grid-Systems innerhalb von Flutter und ermöglicht Entwicklern die einfache Erstellung von responsiven Layouts. Es bietet eine vertraute Grid-Struktur, die von Bootstrap inspiriert ist, und unterstützt flexible Spalten- und Zeilenanordnungen auf verschiedenen Bildschirmgrößen. Dieses Paket vereinfacht responsive Design ohne die Notwendigkeit benutzerdefinierter Layout-Logik und ist daher ideal für Projekte, die konsistente, skalierbare Benutzeroberflächen benötigen. Aufbauend auf Flutter's Widget-System integriert es sich nahtlos in bestehende Apps für Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

Reaktive Dashboards erstellen
Mobile-first Layouts erstellen
Design von plattformübergreifenden Web-Oberflächen
Grid-basierte Formulare implementieren
Responsive Navigationsleisten vereinfachen

Hauptmerkmale

Bootstrap-inspiriertes Rastersystem
Flexible Spalten- und Zeilenausrichtung
Reaktive Breakpoints
Plattformübergreifende Kompatibilität
Einfache Integration mit Flutter-Widgets

Geeignet für

Entwickler, die mit Bootstrap vertraut sind
Projekte, die responsive Layouts erfordern
Plattformübergreifende App-Entwicklung
Schnelle UI-Prototypenerstellung
Teams, die Konsistenz über Geräte hinweg priorisieren

Hinweise

Teilweise Implementierung (kein vollständiges Bootstrap)
Nur auf das Rastersystem beschränkt
Kann zusätzliche Styling für komplexe Designs erfordern
Keine integrierten Komponenten außer dem Raster
Abhängig von der manuellen Behandlung von nicht-Gitter-Elementen

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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.

Pakete, Repositories und App-Kategorien suchen