二、播放器页面对导航栏状态栏的修改设置 @overrideWidgetbuild(BuildContextcontext){super.build(context);SystemUiOverlayStylevalue;if(Platform.isAndroid){value=SystemUiOverlayStyle(statusBarColor:Colors.transparent,/// 安卓系统状态栏存在底色,所以需要加这个systemNavigationBarColor:Colors.transparent,systemNavigat...
而ThemeData则定义了主题中各种组件或者行动的配色。 那么如果我们想要实现自定义themes的功能,就可以利用这个ThemeData类来重写其中要重写的颜色。 ThemeData中还有专门为color变化定义的ColorScheme,还有为Text变化设置的TextTheme,这两个theme实际上是一系列的color集合。 除了ThemeData,flutter中还有一个类叫做Theme。 Theme...
例如: // theme_config.dartimport'package:flutter/material.dart';finallightTheme=ThemeData.light().copyWith(primaryColor:Colors.blue,accentColor:Colors.purple,textTheme:TextTheme(headline1:TextStyle(fontSize:36,fontWeight:FontWeight.bold),bodyText1:TextStyle(fontSize:16,color:Colors.black87),),);...
'assets/ic_instagram.svg', color: primaryColor, height: 25, ), actions: [ IconButton( icon: Icon( Icons.mail, color: Color.fromARGB(255, 255, 0, 191), ), onPressed: () { setState(() { Navigator.of(context).push( MaterialPageRoute( builder: (context) => colorset(), ), ); ...
//2.primarySwatch传入不是Color, 而是MaterialColor(包含了primaryColor和accentColor) primarySwatch: Colors.purple, //主题颜色:导航/底部的TabBar primaryColor: Colors.orange, // 4.accentColor(次要颜色): 单独设置FloatingActionButton\Switch accentColor: Colors.deepPurpleAccent, ...
colors: const FlexSchemeColor( primary: Color(0xff065808), primaryContainer: Color(0xff9ee29f), secondary: Color(0xff365b37), secondaryContainer: Color(0xffaebdaf), tertiary: Color(0xff2c7e2e), tertiaryContainer: Color(0xffb8e6b9), ...
Widgetbuild(BuildContext context){returnMaterialApp(title:'Flutter Demo',theme:ThemeData(primaryColor:Colors.teal,),home:MyHomePage(title:'Flutter Demo Home Page'),//配置路由initialRoute:'/pageone',routes:datas,);}} 封装路由跳转: 代码语言:javascript ...
6)theme.primaryColor:单独设置导航栏的背景色。 示例代码: 代码语言:javascript 代码运行次数:0 复制 Cloud Studio代码运行 import'package:flutter/material.dart';voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{@override Widgetbuild(BuildContext context){returnMaterialApp(title:'Material Components...
如果主题中没有定义,它会根据当前主题的背景色自动选择合适的颜色,用于在与colorScheme.surface(背景色)对比时提供良好的可读性。 用这些默认的颜色结合withOpacity设置颜色透明度,可以很快的选择合适的色彩方案。 具体的颜色选项说明如下: l primary:主要颜色,通常用于应用程序的主要元素,如按钮、导航栏等。
theme:主题属性; primaryColor:定义主题颜色; primarySwatch:标题栏颜色; 主题颜色的运用: Scaffold Scaffold组件可以有的属性如下: AppBar(title属性,Text组件; action:动作响应;!!! titleSpacing:标题文字间距; toolbarOpacity:标题透明度;) floatingActionButtonLocation floatingActionButton 实例1: 代码语言:jav...