Flutter იძლევა ორ ძირითად დიზაინის სისტემას widget-ების კომპლექტის სახით: Material (Google's Material Design, Android-სტილი) და Cupertino (iOS-სტილი). ისინი საშუალებას გაძლევთ აშენოთ UI-ები, რომელიც შეესაბამება თითოეული პლატფორმის დიზაინის ენას, ან თანმიმდევრულ კাბინეტულ გარეგნობას.
Material widgets (Material Design)
// Material widgets follow Google's Material Design (Android look, but usable anywhere)
MaterialApp( // the app root for Material apps
home: Scaffold( // Material page structure
appBar: AppBar(title: Text('Material')),
body: Center(
child: ElevatedButton( // Material button
onPressed: () {},
child: Text('Material Button'),
),
),
floatingActionButton: FloatingActionButton(onPressed: () {}),
),
)
// Material widgets: Scaffold, AppBar, ElevatedButton, Card, FloatingActionButton, etc.
