flutter组件 ThemeData

embedded/2025/1/16 7:42:43/

这里只讲组件的定义,需要各位自己去尝试。

ThemeData({// 常规配置Iterable<Adaptation<Object>>? adaptations, // 定义主题自适应方案的列表。bool? applyElevationOverlayColor, // 是否应用海拔叠加颜色。NoDefaultCupertinoThemeData? cupertinoOverrideTheme, // Cupertino(iOS风格)主题数据。Iterable<ThemeExtension<dynamic>>? extensions, // 主题扩展列表。InputDecorationTheme? inputDecorationTheme, // 输入装饰主题。MaterialTapTargetSize? materialTapTargetSize, // 材料设计控件的点击目标大小。PageTransitionsTheme? pageTransitionsTheme, // 页面转换主题。TargetPlatform? platform, // 主题的目标平台。ScrollbarThemeData? scrollbarTheme, // 滚动条主题。InteractiveInkFeatureFactory? splashFactory, // 交互墨水特性工厂。bool? useMaterial3, // 是否使用Material 3设计语言。VisualDensity? visualDensity, // 视觉密度。// 颜色Brightness? brightness, // 亮度(明亮/暗黑)。Color? canvasColor, // 画布颜色。Color? cardColor, // 卡片颜色。ColorScheme? colorScheme, // 颜色方案。Color? colorSchemeSeed, // 颜色方案的种子。Color? dialogBackgroundColor, // 对话框背景颜色。Color? disabledColor, // 禁用颜色。Color? dividerColor, // 分割线颜色。Color? focusColor, // 焦点颜色。Color? highlightColor, // 高亮颜色。Color? hintColor, // 提示文本颜色。Color? hoverColor, // 悬停颜色。Color? indicatorColor, // 指示器颜色。Color? primaryColor, // 主要颜色。Color? primaryColorDark, // 主要颜色的暗色调。Color? primaryColorLight, // 主要颜色的亮色调。MaterialColor?primarySwatch, // 主要颜色样本。Color? scaffoldBackgroundColor, // 底板背景颜色。Color? secondaryHeaderColor, // 次要标题颜色。Color? shadowColor, // 阴影颜色。Color? splashColor, // 溅泼颜色。Color? unselectedWidgetColor, // 未选中的小部件颜色。// 版式和图像String? fontFamily, // 字体系列。List<String>? fontFamilyFallback, // 字体回退。String? package, // 资源包。IconThemeData? iconTheme, // 图标主题数据。IconThemeData? primaryIconTheme, // 主要图标主题数据。TextTheme? primaryTextTheme, // 主要文本主题数据。TextTheme? textTheme, // 文本主题数据。Typography? typography, // 排版。// 组件的主题ActionIconThemeData? actionIconTheme,AppBarTheme? appBarTheme,BadgeThemeData? badgeTheme,MaterialBannerThemeData? bannerTheme,BottomAppBarTheme? bottomAppBarTheme,BottomNavigationBarThemeData? bottomNavigationBarTheme,BottomSheetThemeData? bottomSheetTheme,ButtonBarThemeData? buttonBarTheme,ButtonThemeData? buttonTheme,CardTheme? cardTheme,CheckboxThemeData? checkboxTheme,ChipThemeData? chipTheme,DataTableThemeData? dataTableTheme,DatePickerThemeData? datePickerTheme,DialogTheme? dialogTheme,DividerThemeData? dividerTheme,DrawerThemeData? drawerTheme,DropdownMenuThemeData? dropdownMenuTheme,ElevatedButtonThemeData? elevatedButtonTheme,ExpansionTileThemeData? expansionTileTheme,FilledButtonThemeData? filledButtonTheme,FloatingActionButtonThemeData? floatingActionButtonTheme,IconButtonThemeData? iconButtonTheme,ListTileThemeData? listTileTheme,MenuBarThemeData? menuBarTheme,MenuButtonThemeData? menuButtonTheme,MenuThemeData? menuTheme,NavigationBarThemeData? navigationBarTheme,NavigationDrawerThemeData? navigationDrawerTheme,NavigationRailThemeData? navigationRailTheme,OutlinedButtonThemeData? outlinedButtonTheme,PopupMenuThemeData? popupMenuTheme,ProgressIndicatorThemeData? progressIndicatorTheme,RadioThemeData? radioTheme,SearchBarThemeData? searchBarTheme,SearchViewThemeData? searchViewTheme,SegmentedButtonThemeData? segmentedButtonTheme,SliderThemeData? sliderTheme,SnackBarThemeData? snackBarTheme,SwitchThemeData? switchTheme,TabBarTheme? tabBarTheme,TextButtonThemeData? textButtonTheme,TextSelectionThemeData? textSelectionTheme,TimePickerThemeData? timePickerTheme,ToggleButtonsThemeData? toggleButtonsTheme,TooltipThemeData? tooltipTheme,// 已弃用(最新弃用在底部)@Deprecated('框架不再使用,请删除对它的任何引用。''For more information, consult the migration guide at ''https://flutter.dev/docs/release/breaking-changes/toggleable-active-color#migration-guide. ''该特性在v3.4.0-19.0.pre之后已弃用。',)Color? toggleableActiveColor, // 可切换的活动颜色,已经被弃用。@Deprecated('使用colorScheme。而不是errorColor。''该特性在v3.3.0-0.5 pre之后已弃用。',)Color? errorColor, // 错误颜色,已经被弃用。@Deprecated('使用colorScheme。而不是backgroundColor。''该特性在v3.3.0-0.5 pre之后已弃用。',)Color? backgroundColor, // 背景颜色,已经被弃用。@Deprecated('使用BottomAppBarTheme。而不是bottomAppBarColor。''该特性在v3.3.0-0.6 pre之后已弃用。',)Color? bottomAppBarColor, // 底部应用栏的颜色,已经被弃用。
})  

组件的主题就是flutter提供已经封装好的组件的主题。

使用方法:

class ThemeTestWidget extends StatelessWidget {const ThemeTestWidget({super.key});@overrideWidget build(BuildContext context) {return Theme(data: ThemeData(iconTheme: const IconThemeData(color: Colors.deepOrange) //用于Icon颜色),child: const Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[//第一行Icon使用主题中的iconThemeRow(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[Icon(Icons.favorite),Icon(Icons.airport_shuttle),]),],),);}
}

如有错误请及时与作者联系~~非常感谢


http://www.ppmy.cn/embedded/14567.html

相关文章

设计模式之装饰器模式

1、详细介绍 装饰器模式&#xff08;Decorator Pattern&#xff09;是一种结构型设计模式&#xff0c;它允许向一个现有的对象添加新的功能&#xff0c;同时保持对象的类结构不变。装饰器模式通过创建一个装饰器类&#xff0c;包裹原有的对象&#xff0c;并在保持接口一致的前提…

浅析Java中的LinkedList和ArrayList特点和底层

本期经验 LinkedList适合于删除和插入元素的操作&#xff0c;对首元素和尾元素的删除和修改插入极好&#xff0c;ArrayList适合于元素的修改和查询。 LinkedList LinkedList的底层使用双向链表来写&#xff0c;这导致其每次查询和修改元素都必须从首元素开始以此往下找&…

Flutter 项目添加 IOS 小组件开发记录

突然接到一个需求&#xff0c;需要我们在 IOS APP 中添加 widget 小组件&#xff0c;用来展示项目项目数据信息。大领导的需求没法拒绝&#xff0c;只能摸着石头过河&#xff0c;开干&#xff01; 环境安装 由于项目用的是 Flutter 来搭建的&#xff0c;所以需要申请台 mac 电…

国外的代码签名证书公司可以用吗?

在今天的互联网时代&#xff0c;代码签名证书对于软件开发者和用户来说是至关重要的。代码签名证书是由数字签名技术实现的&#xff0c;用于验证软件开发者身份并保证软件的完整性和可信性。由于代码签名证书的重要性&#xff0c;国外的代码签名证书公司也成为了市场的一部分。…

应用在防蓝光显示器中的LED防蓝光灯珠

相比抗蓝光眼镜、防蓝光覆膜、软体降低蓝光强度这些“软”净蓝手段&#xff0c;通过对LED的发光磷粉进行LED背光进行技术革新&#xff0c;可实现硬件“净蓝”。其能够将90%以上的有害蓝光转换为450nm以上的长波低能光线&#xff0c;从硬件的角度解决了蓝光危害眼睛的问题&#…

架构师系列-Nginx、OpenResty(三)- 负载均衡配置

Nginx负载均衡 负载均衡用于从“upstream”模块定义的后端服务器列表中选取一台服务器接受用户的请求&#xff0c;一个最基本的upstream模块是这样的&#xff0c;模块内的server是服务器列表&#xff1a; #动态服务器组 upstream dynamicserver {server 172.16.44.47:9001; #…

分类预测 | Matlab实现CNN-BiLSTM-SAM-Attention卷积双向长短期记忆神经网络融合空间注意力机制的数据分类预测

分类预测 | Matlab实现CNN-BiLSTM-SAM-Attention卷积双向长短期记忆神经网络融合空间注意力机制的数据分类预测 目录 分类预测 | Matlab实现CNN-BiLSTM-SAM-Attention卷积双向长短期记忆神经网络融合空间注意力机制的数据分类预测分类效果基本描述程序设计参考资料 分类效果 基…

(C语言)fscanf与fprintf函数详解

目录 1 fprintf详解 1.1 向文件流中输入数据 1.2 向标准输入流写数据 2. fscanf函数详解 2.1 从文件中读取格式化数据 2.2 从标准输入流中读取格式化数据 1 fprintf详解 头文件&#xff1a;stdio.h 该函数和printf的参数特别像&#xff0c;只是多了一个参数stream&#…