flutter 基本的使用

写一个hello world.

主题 Flutter ThemeData的所有属性及解释

brightness - 应用程序的整体明暗模式（亮色或暗色）。
primaryColor - 应用程序的主要颜色，影响AppBar、Button、Switch等部件。
primaryColorBrightness - primaryColor的明暗模式。
primaryColorLight - primaryColor的较轻色调，影响FlatButton、OutlinedButton等部件。
primaryColorDark - primaryColor的较暗色调，影响RaisedButton、Switch等部件。
accentColor - 应用程序的强调颜色，影响进度条、选择器等部件。
accentColorBrightness - accentColor的明暗模式。
canvasColor - Material的默认颜色，影响Card、Dialog等部件的背景颜色。
scaffoldBackgroundColor - Scaffold的背景颜色。
bottomAppBarColor - 底部AppBar的颜色。
cardColor - Card的背景颜色。
dividerColor - Divider的颜色。
focusColor - Focus的颜色。
hoverColor - 鼠标悬停的颜色。
highlightColor - 部件被按下时的颜色。
splashColor - 部件被轻触时的颜色。
selectedRowColor - 选择行时的颜色。
unselectedWidgetColor - 未选中的Checkbox、Radio、Switch等部件的颜色。
disabledColor - 部件不可用时的颜色。
buttonColor - 按钮的背景颜色。
buttonTheme - 定义按钮的默认样式，包括按钮的最小大小、边距和形状等。
buttonBarTheme - 定义按钮栏的默认样式。
tooltipTheme - 定义提示框的默认样式。
cardTheme - 定义卡片的默认样式，包括卡片的背景色、阴影和形状等。
chipTheme - 定义芯片的默认样式。
dialogTheme - 定义对话框的默认样式。
floatingActionButtonTheme - 定义浮动操作按钮的默认样式。
iconTheme - 定义图标的默认样式，包括图标的大小、颜色和透明度等。
inputDecorationTheme - 定义输入框的默认样式，包括边框、标签和填充等。
pageTransitionsTheme - 定义页面切换的默认样式。
popupMenuTheme - 定义弹出菜单的默认样式。
tabBarTheme - 定义选项卡栏的默认样式。
textTheme - 定义文本样式，包括不同级别的标题、正文、按钮和字体等。
toggleButtonsTheme - 定义ToggleButtons的默认样式。

factory ThemeData({
    Brightness? brightness,// //调整亮度白天模式和夜间模式
    VisualDensity? visualDensity,//视觉密度
    MaterialColor? primarySwatch,//Material风格的组件提供主题色
    Color? primaryColor,//应用程序主要部分（工具栏、标签栏等）的背景颜色
    Brightness? primaryColorBrightness,//确定放置在原色之上的文本和图标的颜色如工具栏文本本
    Color? shadowColor,//小部件的颜色（旋钮、文本、过度滚动边缘效果等）
    Color? scaffoldBackgroundColor,//页面的背景颜色。
    Color? bottomAppBarColor,//[BottomAppBar] 的默认颜色。
    Color? cardColor,//card的颜色
    Color? dividerColor,//[Divider]s和[PopupMenuDivider]的颜色，使用[ListTile] 之间，                    
                        //[DataTable]中的行之间，等等。
    Color? focusColor,//使用的焦点颜色表示组件具有输入焦点
    Color? hoverColor,//用于指示指针悬停颜色
    Color? highlightColor,//选择之后的颜色
    Color? splashColor,//InkWell点击的水波纹颜色
    InteractiveInkFeatureFactory? splashFactory,
    Color? selectedRowColor,//用于突出显示选定行的颜色
    Color? unselectedWidgetColor,//用于处于非活动状态（但已启用）的小部件的颜色
    Color? disabledColor,//一个禁用的复选框的颜色
    ButtonThemeData? buttonTheme,//定义按钮小部件的默认配置，如 [RaisedButton]和 [平面按钮]
    ToggleButtonsThemeData? toggleButtonsTheme,//定义 [ToggleButtons] 小部件的默认配置
    Color? backgroundColor,// 与 [primaryColor] 形成对比的颜色，例如 用作进度条的剩余部分
    Color? dialogBackgroundColor,//[Dialog] 元素的背景颜色
    Color? indicatorColor,//选项卡栏中选定选项卡指示器的颜色
    Color? hintColor,// 用于提示文本或占位符文本的颜色，例如 在 [TextField] 字段中
    Color? errorColor,//用于提示错误信息的文本颜色，例如 在 [TextField] 字段中
    Color? toggleableActiveColor,//用于突出显示 [Switch]、[Radio] 和 [Checkbox] 等可切换小 
                                 //部件的活动状态的颜色
    String? fontFamily,//字体
    TextTheme? textTheme,//颜色与卡片和画布颜色形成对比的文本
    TextTheme? primaryTextTheme,//与原色形成对比的文本主题 
    InputDecorationTheme? inputDecorationTheme,//[InputDecorator]、[TextField] 的默认 
                          //[InputDecoration] 值，和 [TextFormField] 都是基于这个主题
    IconThemeData? iconTheme,//与卡片和画布颜色形成对比的图标主题
    IconThemeData? primaryIconTheme,//与原色形成对比的图标主题 
    SliderThemeData? sliderTheme,//用于渲染 [Slider] 的颜色和形状
    TabBarTheme? tabBarTheme,//用于自定义标签栏指示器的大小、形状和颜色的主题
    TooltipThemeData? tooltipTheme,//工具提示主题
    CardTheme? cardTheme,//用于渲染 [card] 的颜色和样式
    ChipThemeData? chipTheme,//用于渲染 [Chip] 的颜色和样式
    TargetPlatform? platform,//设置平台，根据设置的平台会使用此平台的排版样式等
    MaterialTapTargetSize? materialTapTargetSize,//配置某些 Material 小部件的命中测试大小 
    AppBarTheme? appBarTheme,//自定义[AppBar]的颜色、高度、亮度、iconTheme和textTheme的主题
    ScrollbarThemeData? scrollbarTheme,//自定义[滚动条]颜色、粗细和形状的主题
    BottomAppBarTheme? bottomAppBarTheme,//自定义 [BottomAppBar] 的形状、高度和颜色的主题
    ColorScheme? colorScheme,//这个属性的添加比主题的高度设置晚得多特定颜色，如 [cardColor]、 
                 //[buttonColor]、[canvasColor] 等。新组件可以根据 [colorScheme] 专门定义
    DialogTheme? dialogTheme,//用于自定义对话框形状的主题
    FloatingActionButtonThemeData? floatingActionButtonTheme,//用于自定义        
                                  // [FloatingActionButton] 的形状、高度和颜色的主题
    NavigationBarThemeData? navigationBarTheme,//用于自定义[NavigationBar] 背景颜色、文本样 
                                              //式和图标主题的主题
    NavigationRailThemeData? navigationRailTheme,//用于自定义 [NavigationRail] 的背景颜色、 
                                                 //高度、文本样式和图标主题的主题
    SnackBarThemeData? snackBarTheme,//用于自定义 [SnackBar] 的颜色、形状、高度和行为的主题
    BottomSheetThemeData? bottomSheetTheme,//用于自定义底页颜色、高度和形状的主题
    PopupMenuThemeData? popupMenuTheme,//用于自定义弹出菜单的颜色、形状、高度和文本样式的主题
    MaterialBannerThemeData? bannerTheme,//自定义 [MaterialBanner] 的颜色和文本样式的主题
    DividerThemeData? dividerTheme,//用于自定义[Divider]、[VerticalDivider] 等的颜色、粗细 
                                   //和缩进的主题
    ButtonBarThemeData? buttonBarTheme,//用于自定义 [ButtonBar] 小部件的外观和布局的主题
    BottomNavigationBarThemeData? bottomNavigationBarTheme,//BottomNavigationBar外观和布局 
                                                           //的主题
    TimePickerThemeData? timePickerTheme,//用于自定义 timePicker  外观和布局的主题
    TextButtonThemeData? textButtonTheme,//用于自定义 [textButton] 外观和布局的主题
    ElevatedButtonThemeData? elevatedButtonTheme,//[elevatedButton]外观和布局的主题
    OutlinedButtonThemeData? outlinedButtonTheme,//[outlinedButton]外观和布局的主题
    DataTableThemeData? dataTableTheme,//用于自定义 [dataTable] 外观和布局的主题
    CheckboxThemeData? checkboxTheme,//用于自定义 [Checkbox] 小部件的外观和布局的主题
    RadioThemeData? radioTheme,//用于自定义 [radio] 小部件的外观和布局的主题
    SwitchThemeData? switchTheme,// 用于自定义 [Switch] 小部件外观和布局的主题
    ProgressIndicatorThemeData? progressIndicatorTheme,//用于自定义 [ProgressIndicator] 小 
                                                       //部件的外观和布局的主题
    DrawerThemeData? drawerTheme,//用于自定义 [Drawer] 小部件的外观和布局的主题
    ListTileThemeData? listTileTheme,// 用于自定义 [ListTile] 小部件外观的主题
  })

ref

Material+Icons

Json转成dart的工具

snipets

Snippet	Description
fstful	StatefulWidget snippet. This is an alternative of stful
fstless	StatelessWidget snippet. This is an alternative of stless
fscaff	Scaffold widget snippet
fedgall	EdgeInsets widget snippet with named constructor all
fedgonly	EdgeInsets widget snippet with named constructor only
ftxt	Text widget snippet
finitlf	Flutter initState lifecycle method snippet
fic	Flutter Icon widget snippet
fcont	Flutter Container widget snippet
fcent	Flutter Center widget snippet
frow	Flutter Row widget snippet
fcol	Flutter Column widget snippet
fex	Expand widget snippet
fszbw	SizedBox widget snippet with just width argument
fszbh	SizedBox widget snippet with just height argument
fszb	SizedBox widget with width and height arguments
fedgsym	EdgeInsets widget with named constructor symmetric
fedgsymv	EdgeInsets widget with named constructor symmetric with vertical parameter
fedgsymh	EdgeInsets widget with named constructor symmetric with horizontal parameter
fimpmat	Add material's package import statement
fstream	Display a StreamBuilder widget
felbtn	Flutter ElevatedButton snippet

Dart	related snippets
Snippet	Description
dvar	Dart variable declaration using var
dfinal	Dart variable declaration using final
dconst	Dart variable declaration using const
dinvar	Dart Public Instance variable snippet
dprinvar	Dart Private instance variable snippet
dmt	Dart public method snippet
dprmt	Dart private method snippet
darr	Dart public arrow function snippet
dprarr	Dart private arrow function snippet
dopnctor	Dart optional named parameters constructor snippet
dlist	Dart List collection snippet
dmap	Dart Map collection snippet
dset	Dart Set collection snippet
dgetarr	Dart arrow function getter snippet
dimpas	Dart import as snippet
dimpshow	Dart import show snippet
dimplazy	Dart import deffered as snippet
dimphide	Dart import hide snippet
dexhide	Dart export hide snippet
dexshow	Dart export show snippet
dconvert	Dart convert lib import snippet
dimpmeta	Add meta package import statement
dan	Add a Dart anonymous function
dcla	Add Dart Class snippet
dclae	Add Dart Class snippet with extends keyword
Flutter Bloc pattern snippets
Snippet	Description
fblocprov	Flutter bloc provider snippet