Flutter Widgets
Widgets are really configuration objects rather than graphic objects. When you write a Widget, it is not just directly rendered on screen, it’s not as direct as that.
You write them and they configure the user interface then Flutter gets them rendered on screen.
User Interface: Material & Cupertino
Google has its own user interface design language called Material,which is used in all Google products. If you look at a program running on an Android phone, chances are that the UI will have that look and feel.
Material Design, According to Google
Material Design is a system for building bold and beautiful digitalproducts. By uniting style, branding, interaction, and motion under a consistent set of principles and components, product teams can realize their greatest design potential.
Most Flutter Widgets Work with Material Design
As Flutter was written by Google, most Flutter widgets support the Material design look and feel. As most people are writing Flutter apps that implement the Material design look and feel, we are going to concentrate on the Flutter widgets that support that look and feel.User Interface: Cupertino
Apple (based in Cupertono) is the other big player in mobile apps and it has its own user interface design language. Apple does not have a name for its design language (yet). Apple though has something called “Human Interface Guidelines”. These guidelines ensure that all iOS applications adhere to Apple’s design principles.Flutter Includes iOS-Styled Widgets
Google has written many iOS-styled Widgets for Flutter developers sothat they can emulate native iOS apps. I have not used these Widgets, so I am not going to spend any time on them. However, it is good to know that they exist and are available. Here is a list:
CupertinoActionSheet
CupertinoActivityIndicator
CupertinoAlertDialog
CupertinoButton
CupertinoDatePicker
CupertinoDialog
CupertinoFullscreenDialogTransition
CupertinoPageScaffold
CupertinoPageTransition
CupertinoPicker
CupertinoPopupSurface
CupertinoSegmentedControl
CupertinoSlider
CupertinoSwitch
CupertinoNavigationBar
CupertinoTabBar
CupertinoTabScaffold
CupertinoTabView
CupertinoTextField