1 Scaffold简述 Scaffold 实现了基本的 Material Design 布局结构,Scaffold在英文中的解释为角手架,我们可以理解为楼体中的钢架结构,通过它可以构建一个页面。 在Flutter应用开发中,我们可以将 Scaffold 理解为一个布局的容器。可以在这个容器中绘制我们的用户界面。 2 Scaffold 组件的基本使用 2.1 Flutter应用程序的入...
scaffoldBackgroundColor - 作为Scaffold基础的Material默认颜色,典型Material应用或应用内页面的背景颜色。 secondaryHeaderColor - 有选定行时PaginatedDataTable标题的颜色。 selectedRowColor - 选中行时的高亮颜色。 splashColor - 墨水喷溅的颜色。 textSelectionColor - 文本字段中选中文本的颜色,例如TextField。 textSel...
GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey(); Scaffold( key: _scaffoldKey, appBar: AppBar( title: Text("Scaffold"), leading: IconButton(onPressed: (){ _scaffoldKey.currentState.openDrawer(); }, icon: Icon(Icons.menu_open)), ), body: Center( child: Text("body"), ), drawer:...
child: Material(// background 是 scaffold 所有子组件的底色color: widget.backgroundColor ?? themeData.scaffoldBackgroundColor, child: AnimatedBuilder(animation: _floatingActionButtonMoveController, builder: (BuildContext context, Widget? child) {// Scaffold 的 childrenreturnCustomMultiChildLayout(// 布局...
///设置悬浮按钮的背景backgroundColor:Colors.red,///获取焦点时显示的颜色focusColor:Colors.green,///鼠标悬浮在按钮上时显示的颜色hoverColor:Colors.yellow,///水波纹颜色splashColor:Colors.deepPurple,///定义前景色 主要影响文字的颜色foregroundColor:Colors.black,///配制阴影高度 未点击时elevation:0.0,//...
1 Scaffold简述 Scaffold 实现了基本的 Material Design 布局结构,Scaffold在英文中的解释为角手架,我们可以理解为楼体中的钢架结构,通过它可以构建一个页面。 在Flutter应用开发中,我们可以将 Scaffold 理解为一个布局的容器。可以在这个容器中绘制我们的用户界面。
child:newText('Scaffold Dmoe 脚手架组件'), ),//底部导航按钮bottomNavigationBar:newBottomAppBar( child:newContainer(width:100,height:100,), ), backgroundColor: Colors.deepOrange, ), ); } } 效果截图: AppBar(导航) 应用中的顶部导航有两种,一种AppBar一种SilveApprBar,这两种对应Android中的tool...
Color primaryColorDark, // 次级色,决定大多数Widget的颜色,如进度条、开关等 Color accentColor, Brightness accentColorBrightness, Color canvasColor, Color scaffoldBackgroundColor, Color bottomAppBarColor, // 卡片颜色 Color cardColor, // 分割线颜色 ...
///设置悬浮按钮的背景backgroundColor:Colors.red,///获取焦点时显示的颜色focusColor:Colors.green,///鼠标悬浮在按钮上时显示的颜色hoverColor:Colors.yellow,///水波纹颜色splashColor:Colors.deepPurple,///定义前景色 主要影响文字的颜色foregroundColor:Colors.black,///配制阴影高度 未点击时elevation:0.0,//...
return Scaffold( backgroundColor: Colors.grey, body: Center( child: Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(20), color: Colors.blue, ), width: 300, height: 300, child: const RiveAnimation.asset('assets/ball.riv'), ...