開課吧全棧架構(gòu)師期完結(jié)瑞客flutter-day3

!utter!utter3..:initialRouteinitialRoute顯示失敗，也該顯示該Widget。:initialRouteinitialRoute顯示失敗，也該顯示該Widget。:routes:Map<String,WidgetBuilder>類型，初化路由:.appBar：顯示在界面頂部的一個(gè)AppBarbodyWidgetclassMyAppextendsStatelessWidget{Widgetbuild(BuildContextcontext){returnMaterialApp(title:'Fluttertheme:ThemeData(primarySwatch:Colors.blue,home:Scaffold(appBar:AppBar(title:Texttheme:ThemeData(primarySwatch:Colors.blue,home:Scaffold(appBar:AppBar(title:Text('首頁(yè)//centerTitle:drawer:Drawer(child:Column(children:<Widget>[DrawerItem(1'選項(xiàng)1'),DrawerItem(2'選項(xiàng)2'),DrawerItem(3'選項(xiàng)3'),DrawerItem(4'選項(xiàng)4'),DrawerItem(5,'選項(xiàng)5')bottomNavigationBar:BottomNavigationBar(type:BottomNavigationBarType.fixed,currentIndex:1,items:icon:Ico(Icon.account_balance),title:Text('標(biāo)題一icon:Icon(Icon.contact),title:Text('標(biāo)題二title:Text('標(biāo)題三icon:Icon(Iconchild:Text(THISISBOD.ThemeWidgetThemeWidget可以在App的某個(gè)部分使用MaterialApp將Theme做為根widget了。Brightnessbrightness,//深色還是淺色MaterialColorprimarySwatch,//主題顏色樣本ColorprimaryColor,//主色，決定導(dǎo)航欄顏色newMaterialApp(title:title,theme:newMaterialApp(title:title,theme:newThemeData(brightness:Brightness.dark,primaryColor:Colors.lightBlue[80newdata:newThemeData(accentColor:Color.yllow,child:newText('HellocopyWith方法。newdata:Theme.of(context).copyWith(accentColor:Colors.yellow),child:newText('usecopyWithmethod'),.ColoraccentColor,//次級(jí)色，決定大多數(shù)Widget的顏色，如進(jìn)度條、開關(guān)等。ColorcardColor,//卡片顏色ColordividerColor,//分割線顏色ButtonThemeDatabuttonTheme,//按鈕主題ColorcursorColor,//輸入框光標(biāo)顏色ColordialogBackgroundColor,//對(duì)話框背景顏色StringfontFamily,//文字字體TextThemetextTheme,//字體主題，包括標(biāo)題、body等文字樣式IconThemeDataiconTheme,//Icon的默認(rèn)樣式TargetPlatformplatform,//指定平臺(tái)，應(yīng)用特定平臺(tái)控件風(fēng)格crossAxisSpacing10.0crossAxisSpacing10.0,//垂直子WidgetmainAxisSpacing://GridViewpadding:crossAxisCount2,//子WidgetchildAspectRatio:childrenwidgetList(),itemCount://SliverGridDelegateWithFixedCrossAxisCount構(gòu)一gridDelegate:crossAxisCount3,//mainAxisSpacing:crossAxisSpacing10.0,//子組件寬高長(zhǎng)度childAspectRatio:itemBuilder:(BuildContextcontext,intindex)//WidgetFunction(BuildContextcontext,intindex)returngetItemContainer(datas[index]);itemCount:itemBuilder:(BuildContextcontext,intindex){returngetItemContainer(datas[index]);gridDelegate:maxCrossAxisExtent:200,mainAxisSpacing:20.0,//垂直單個(gè)子WidgetcrossAxisSpacing:SliverGridDelegateWithMaxCrossAxisExtent而言，水平方向元素個(gè)數(shù)不再maxCrossAxisExtent和屏幕的寬度以及mainAxisSpacing:20.0,//垂直單個(gè)子WidgetcrossAxisSpacing:SliverGridDelegateWithMaxCrossAxisExtent而言，水平方向元素個(gè)數(shù)不再maxCrossAxisExtent和屏幕的寬度以及Widgetbuild(BuildContextcontext){List<String>datas=getDataList();returnGridView.custom(gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount:3,mainAxisSpacing:10.0,crossAxisSpacing:20.0,childrenDelegate:SliverChildBuilderDelegate((cotext,position){return},childCount:ollVw：可滑動(dòng)的viw，類似于原生和RN中的ollViw，其只能包含一個(gè)子元素ClampingScrollPhysics!Android/child