「color」 (设置图标的颜色) 「backgroundColor」 (设置 appbar 背景颜色) 「gradient」 (使用渐变小部件设置 appbar 背景颜色) 「activeColor」 (设置圆形颜色) 主题 AppBar默认使用内置样式,您可能需要为其设置主题。以下是一些支持的属性:AttributesDescription backgroundColor AppBar 背景 gradient 渐变属性,可以...
「curveSize」(拉伸上标图标的曲线) 「color」(设置图标的颜色) 「backgroundColor」(设置 appbar 背景颜色) 「gradient」(使用渐变小部件设置 appbar 背景颜色) 「activeColor」(设置圆形颜色) 主题 AppBar默认使用内置样式,您可能需要为其设置主题。 以下是一些支持的属性: ...
在Scaffold的body属性中,我们放置了一个Container,并使用BoxDecoration的gradient属性为其设置了线性渐变背景。渐变从左上角(Alignment.topLeft)开始,到右下角(Alignment.bottomRight)结束,颜色从半透明的蓝色(Colors.blue.withOpacity(0.8))过渡到半透明的紫色(Colors.purple.withOpacity(0.8))。 你可以根据需要调整渐变...
「curveSize」 (拉伸上标图标的曲线) 「color」 (设置图标的颜色) 「backgroundColor」 (设置 appbar 背景颜色) 「gradient」 (使用渐变小部件设置 appbar 背景颜色) 「activeColor」 (设置圆形颜色) 主题 AppBar默认使用内置样式,您可能需要为其设置主题。以下是一些支持的属性: 预览图: 代码: 在Convex_Bottom_...
「backgroundColor」 (设置 appbar 背景颜色) 「gradient」 (使用渐变小部件设置 appbar 背景颜色) 「activeColor」 (设置圆形颜色) 实施方案: 在Convex_Bottom_Bar 演示中,首先,我们在这个类中创建一个名为 MyHomePage ()的有状态类,我们创建一个值为 0 的变量 selectedpage 类型的 integer pass。定义一个名...
500: Color(0xFF48535C), 600: Color(0xFF3F4850), 700: Color(0xFF384046), 800: Color(0xFF30383E), 900: Color(0xFF2E3439), }, ), ); static ThemeData lightTheme = ThemeData( appBarTheme: AppBarTheme(elevation: 0), scaffoldBackgroundColor: Color(0xFF2E3439), ...
1.Scaffold这个Widget,使用在MaterialApp中,包含了页面中常用的一些控件,如AppBar ,NavigationBar等。如果要显示,在Scaffold添加相应的Key-Value值即可,如appBar:new AppBar(title:Text('AppBar')) 2.设置App主题颜色,在MaterialApp中添加theme属性即可,在其Value中设置颜色。如: ...
Gradient 自定义渐变背景色,会覆盖background color Child 设置子组件的位置 2.2.2 常用触发事件 Navigate 路由跳转,可设置跳转传参 Refresh database Request 用于刷新数据库请求 Update App/Page/Componet 更新APP全局/页面/组件参数 Setform Field 设置输入框,选择器的属性值 ...
Color color, //颜色 DecorationImage image,//图片 BoxBorder border, //边框 BorderRadiusGeometry borderRadius, //圆角 List<BoxShadow> boxShadow, //阴影,可以指定多个 Gradient gradient, //渐变 BlendMode backgroundBlendMode, //背景混合模式 BoxShape shape = BoxShape.rectangle, //形状 ...
color : 背景颜色 image :背景图片,会绘制在背景颜色上面 border : 边框,会绘制在背景颜色背景图片上面 borderRadius : 边框圆角 boxShadow : 背景阴影 gradient : 填充渐变颜色 backgroundBlendMode : 背景混合模式 shape : 形状 下面是Decoration的具体使用实例: ...