TASIOMIND.DEV — OPERATIONAL▸▸▸FULL STACK DEVELOPER @ GWQ SERVICEPLUS AG▸▸▸FOUNDER — K8SGPT.AI▸▸▸OPEN SOURCE: ACTIVE▸▸▸DISTRIBUTED SYSTEMS / KUBERNETES / AI▸▸▸RUST + GO + PYTHON▸▸▸FIELD TESTED / STATUS — NOMINAL▸▸▸LOCATION: EUROPE/BERLIN▸▸▸TASIOMIND.DEV — OPERATIONAL▸▸▸FULL STACK DEVELOPER @ GWQ SERVICEPLUS AG▸▸▸FOUNDER — K8SGPT.AI▸▸▸OPEN SOURCE: ACTIVE▸▸▸DISTRIBUTED SYSTEMS / KUBERNETES / AI▸▸▸RUST + GO + PYTHON▸▸▸FIELD TESTED / STATUS — NOMINAL▸▸▸LOCATION: EUROPE/BERLIN▸▸▸
← flutter

Layouts in Flutter

November 23, 2019

Flutter Layout Basics

Notizen aus DevFest Lahore 2019 CodeLab (ergaenzt).

Begriffe

  • Widget ~= Component in React Native
  • StatelessWidget / StatefulWidget (stless / stful Snippets)
  • pubspec.yaml ~= package.json
  • Version: 1.0.1+2 -> +2 ist Build Number
  • Scaffold() definiert Grundlayout eines Screens

Layout Bausteine

  • Row / Column fuer horizontale/vertikale Layouts
  • Expanded / Flexible fuer groehenbasierte Verteilung
  • Padding, Align, Center fuer Ausrichtung
  • Stack fuer Ueberlagerung

Constraints

Flutter arbeitet mit Box Constraints:

  • Parent gibt groesse/limits vor
  • Child waehlt seine Groesse innerhalb dieser Grenzen