const Color(int value):value=value& 0XFFFFFFFF; final int value; int get alpha=>(0XFF000000 & value) >>24 double get opacity=>alpha/0xFF int getred=>(0XFF0000 & value) >>16 int get green=>(0x0000ff00 & value) >>8 int get blue=>(0x000000ff & value) >>0 1. 2. 3. 4....
我们可以通过Get.bottomSheet()来显示BottomSheet,通过Get.back()实现路由返回,通过Get.changeTheme(ThemeData.dark())切换皮肤主题,通过Get.isDarkMode判断主题样式。 ElevatedButton(onPressed:(){Get.bottomSheet(Container(color:Get.isDarkMode?Colors.black12:Colors.white,height:200,child:Column(children:[ListTile...
//按钮主题 Color cursorColor, //输入框光标颜色 Color dialogBackgroundColor,//对话框背景颜色 String fontFamily, //文字字体 TextTheme textTheme,// 字体主题,包括标题、body等文字样式 IconThemeData iconTheme, // Icon的默认样式 TargetPlatform platform, //指定平台,应用特定平台控件风格 ...}) ...
right: 10, bottom: 10), child: Wrap( spacing: 8, runSpacing: 8, children: themeColorMap.keys.map((key) { Color value = themeColorMap[key]; return InkWell( onTap: () { setState(() { _colorKey = key
Color buttonColor,// RaisedButton按钮中使用的Material 的默认填充颜色。ButtonThemeData buttonTheme,// 定义按钮部件的默认配置,ToggleButtonsThemeData toggleButtonsTheme,// 切换按钮的主题Color secondaryHeaderColor,// 选定行时PaginatedDataTable标题的颜色。Color textSelectionColor,// 文本框中文本选择的颜色,如...
我们可以通过 Get.bottomSheet() 来显示 BottomSheet ,通过 Get.back() 实现路由返回,通过 Get.changeTheme(ThemeData.dark()) 切换皮肤主题,通过Get.isDarkMode判断主题样式。 classGetxPageextendsStatefulWidget {constGetxPage({super.key}); @override
原文https://ducafecat.com/blog/flutter-app-theme-switch adaptive_theme Adaptive Theme 这个组件通过包裹 MaterialApp 的方式整体管理 theme 主题,实现如下功能: 切换light、dark、system 三种模式 自定义色彩 保存主题选择 开启调试按钮 参考 https://pub.dev/packages/adaptive_theme ...
Widgetbuild(BuildContext context){returnMaterialApp(title:'Flutter Demo',theme:ThemeData(colorScheme:ColorScheme.fromSeed(seedColor:Colors.deepPurple),useMaterial3:true,),home:MyHomePage(),);}} 下面我们运行一下: 在这里插入图片描述 在这里插入图片描述 ...
通过MateriaApp 的 theme 属性,构建 ThemeData 来配置全局主题。其中ThemeData常用的属性如下所示: brightness:为 Brightness 枚举,包括 dark 和 light 两种模式,其中 dark 对应的是深色模式(即夜间模式),light 对应浅色模式。 primaryColor:主色调,设置后导航栏就会变成主色调颜色。注意的是导航栏的字体颜色会根据主色...
_themeMode;//亮色主题色late MaterialColor _themeColor;//暗色主题色finalMaterialColor _themeDarkColor=ColorUtil.createMaterialColor(ColorConfig.darkBGColor);ThemeViewModel(){Color primaryColor=Colors.white;//设定一个初始颜色//如果由保存颜色则替换颜色String?color=CacheUtil().get<String>(SPName.theme...