Flutter cung cấp hai hệ thống thiết kế chính dưới dạng bộ widget: Material (Material Design của Google, kiểu Android) và Cupertino (kiểu iOS). Chúng cho phép bạn xây dựng UI khớp với ngôn ngữ thiết kế của từng nền tảng, hoặc một giao diện tùy biến nhất quán.
Widget Material (Material Design)
// Widget Material tuân theo Material Design của Google (giao diện Android, nhưng dùng được mọi nơi)
MaterialApp( // gốc ứng dụng cho ứng dụng Material
home: Scaffold( // cấu trúc trang Material
appBar: AppBar(title: Text('Material')),
body: Center(
child: ElevatedButton( // button Material
onPressed: () {},
child: Text('Material Button'),
),
),
floatingActionButton: FloatingActionButton(onPressed: () {}),
),
)
// Widget Material: Scaffold, AppBar, ElevatedButton, Card, FloatingActionButton, v.v.
