首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

无法获取跟随ThemeData的SliverAppBar标题颜色

是因为SliverAppBar的标题颜色是由AppBarTheme中的textTheme属性控制的,而不是直接跟随ThemeData。

AppBarTheme是Material Design中AppBar的主题配置,它可以通过ThemeData中的appBarTheme属性进行设置。在AppBarTheme中,可以通过textTheme属性来指定标题的颜色。

如果想要获取跟随ThemeData的SliverAppBar标题颜色,可以通过以下步骤进行设置:

  1. 在主题配置中,通过appBarTheme属性设置AppBar的主题:
代码语言:txt
复制
ThemeData(
  appBarTheme: AppBarTheme(
    textTheme: TextTheme(
      headline6: TextStyle(color: Theme.of(context).textTheme.headline6.color),
    ),
  ),
  // 其他主题配置
)

上述代码中,通过textTheme.headline6.color获取当前主题中headline6样式的颜色,并将其应用到AppBar的标题中。

  1. 在SliverAppBar中,设置title属性为要显示的标题文本:
代码语言:txt
复制
SliverAppBar(
  title: Text('标题'),
  // 其他SliverAppBar配置
)

这样设置后,SliverAppBar的标题颜色将会跟随当前主题中headline6样式的颜色。

推荐的腾讯云相关产品:腾讯云移动应用托管(Mobile Application Hosting),产品介绍链接地址:https://cloud.tencent.com/product/mah

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

flutter组件6【AppBar使用】

1.图示 2.解释 AppBar 有以下常用属性: leading → Widget - 在标题前面显示一个控件,在首页通常显示应用 logo;在其他界面通常显示为返回按钮。...elevation → double - 控件 z 坐标顺序,默认值为 4,对于可滚动 SliverAppBar,当 SliverAppBar 和内容同级时候,该值为 0, 当内容滚动 SliverAppBar...backgroundColor → Color - Appbar 颜色,默认值为 ThemeData.primaryColor。改值通常和下面的三个属性一起使用。...iconTheme → IconThemeData - Appbar 上图标的颜色、透明度、和尺寸信息。默认值为 ThemeData.primaryIconTheme。...textTheme → TextTheme - Appbar 上文字样式。 centerTitle → bool - 标题是否居中显示,默认值根据不同操作系统,显示方式不一样。

1.2K20
  • Flutter适配深色模式方法(DarkMode)

    那就写写最近在做事情。没错,就是文章标题提到适配深色模式(DarkMode),也可以说是实现夜间模式功能。相信许多iOS同学最近都比较关注,毕竟iOS 13上个月推送更新了。...首先是规范问题,标题、副标题、分割线、各种背景等颜色,以及深色模式下相对应颜色一定要先规范起来。否则你自己不仅被这些颜色搞得眼冒金星,同时应用也没有一个统一风格。...接收 ThemeData 中近乎涵盖了所有Material Widget中所使用颜色及主题。( Cupertino 系列组件官方还在适配中,所以Flutter版本1.9.1暂不支持。)...我想到了微信中多语言功能,在多语言这类功能中,默认选项是“跟随系统”,当然你也可以指定某种语言。 按照这个思路我在设置中添加了“夜间模式”功能,默认也是跟随系统,当然你也可以手动开启和关闭。...这里暂时有个问题,在iOS手机上开启深色模式,当我应用内关闭深色模式后, 状态栏无法变为黑色 。这个问题Flutterissues中也有人反馈了,期待官方适配修复吧。

    2.2K10

    SliverAppBar

    在前面的文章中我们将到了Appbar用户,它类似于Android中toolbar,但是熟悉Android开发童鞋应该知道在Android中还有个Collapsing Toolbar东西,就是一个可以折叠标题栏效果...接下来我们来介绍下SliverAppBar SliverAppBar ---- 我看还是先来看下SliverAppBar构造方法 构造方法也是非常简单,但是我们却不能直接使用它,由官方文档可以看到我们通常结合...首先我们使用了NestedScrollView中headerSliverBuilder属性添加了SliverAppBar 然后我们设置展开高度为200,不让标题栏随着滑动滚动出可视区域 我们使用flexibleSpace...很丑有没有,由于TabBar高度所以我们并不能让SliverAppBar滑动到顶部,所以要想实现随着SliverAppBar移动,把TabBar放在bottom也不是很合适。...其实很简单,因为SliverPersistentHeader跟SliverAppBar一样都有一个 pinned属性,将它设置为true这里面的内容就会在到达顶部后停止跟随ListView移动了。

    1.8K30

    UITableView在Flutter中是什么?

    如下所示,我定义了一组不同颜色背景组件,将他们宽度设置为140,并包在了水平布局ListView中,让它们可以横向滚动: ListView( itemExtent: 140,//item...我定义了一个拥有100个列表元素ListView,在列表项创建方法中,分别将index值设置为ListTile标题与子标题。...但是,对于某些特殊交互场景,比如多个效果联动、嵌套滚动、精细滑动、视图跟随手势操作等,还需要嵌套多个ListView来实现。...经分析得出,要实现这样需求,我们需要两个Sliver:作为头图SliverAppBar,与作为列表SliverList。...在Flutter中,因为Widget并不是渲染到屏幕最终视觉元素(RenderObject才是),所以我们无法像原生iOS或Android一样,向持有的Widget对象获取或设置最终渲染相关视觉信息

    5.6K10

    Flutter 多语言、主题切换之GetX库

    二、模拟UI   做戏做全套,为了让你感觉这是一个实际项目我们就按照实际项目的UI来做,让你身临其境,只不过缺点就是我需要写一部分与标题内容无关UI代码,见谅。   ...,进行键值切换,zh_CN是中文,en_US是英文,里面通过键获取对应值,那么这一部分我们就写好了,后续如果有新字符添加进来就依葫芦画瓢。...: Get.deviceLocale,,这表示当前语言环境是跟随系统语言,后面这里还需要更改,因为我们需要做持久化,假如我们支持3钟设置:跟随系统语言、中文、英文。...,里面定义了标题栏、脚手架背景、图标主题、底部导航栏在不同模式下颜色设置。...,区别就是我将所有的背景颜色都去掉了,这样才能时候切换后效果切换,之前用到背景颜色地方你都需要更改一下,最后我们修改一下mine_controller.dart和mine.dart代码,先是mine_controller.dart

    68101

    6详解AppBar小部件

    AppBar 应用栏是各种应用程序中最常用组件之一。它可用于容纳搜索字段、以及在页面之间导航按钮,或者只是页面标题。...AppBar 包含各种属性,包括颜色、大小、图标主题、文本主题等等。 背景颜色 以下代码将 AppBar 背景颜色更改为深橙色。500添加以访问颜色特定阴影,900即最暗和最亮50。...以下代码将 AppBar 高度增加到15. AppBar( elevation: 15, ), 请注意 AppBar 被抬起并且阴影跨越了更大区域。 阴影颜色 你甚至可以弄乱阴影颜色。...用来在 Toolbar 标题下面显示一个 Tab 导航栏 this.elevation,//控件 z 坐标顺序,默认值 4,对于可滚动 SliverAppBar,当 SliverAppBar...和内容同级时候,该值为 0, // 当内容滚动 SliverAppBar 变为 Toolbar 时候,修改 elevation 值。

    16.4K10

    flutter主题设置

    Theme Theme组件可以为material APP定义主题数据(ThemeData)。Material组件库里很多组件都使用了主题数据, 如导航栏颜色标题字体、Icon样式等。...ThemeData(Color类型属性): accentColor - 前景色(文本、按钮等) backgroundColor - 与primaryColor对比颜色(例如 用作进度条剩余部分)。...secondaryHeaderColor - 有选定行时PaginatedDataTable标题颜色。 selectedRowColor - 选中行时高亮颜色。...focusColor - 焦点获取颜色,例如,一些按钮焦点、输入框焦点。 hoverColor - 点击之后徘徊中颜色,例如,按钮长按,按住之后颜色。...cursorColor - 输入框光标颜色ThemeData(Theme相关类型属性): accentIconTheme - IconThemeData类型,与突出颜色对照图片主题。

    4.4K20

    Flutter

    例如当我们改变一个Container颜色为橙色时候,框架就会触发一个重建整个Widget树动作。...下一个节点在Widget树中是Container Widget,它类型和原来是一样,但是它颜色变化了,所以RenderObject配置也会发生对应变化,然后它会重新渲染,其他对象都保持不变。...它常用状态包括 resumed、inactive、paused 这三个。 resumed:可见,并能响应用户输入。 inactive:处在不活动状态,无法处理用户响应。...图片加载过程由 ImageProvider 触发,而 ImageProvider 表示异步获取图片数据操作,可以从资源、文件和网络等不同渠道获取图片。...分平台主题定制 // iOS浅色主题 final ThemeData kIOSTheme = ThemeData( brightness: Brightness.light,//亮色主题

    1.9K40

    【Flutter 专题】70 图解自定义 ACEStepper 步进器

    ; Step 之间连线支持 直线和圆点虚线,且颜色尺寸均可自定义; Step Header Icon 中支持 自定义文字/icon/本地图片/网络图片,且尺寸颜色均可分别自定义; 横向 Stepper...自定义 ThemeData 为了扩展 Stepper 展示效果灵活性,和尚添加了 ThemeData 主题灵活展示各位置颜色等; class ACEStepThemeData { final...Color circleColor, // 圆环默认颜色 circleActiveColor, // 圆环选中颜色 contentColor,...// 圆环内容默认颜色 contentActiveColor, // 圆环内容选中颜色 lineColor; // 连线颜色 final...Content 连接方式 在纵向 Stepper 中 Content 展示对应连线是单独连线,与上下两个 Header 进行衔接;但 Content 大小并不固定,而和尚绘制圆点虚线需要获取其高度进行绘制

    1.3K21

    Flutter质感设计之底部导航

    ({ // 控件参数,传递图标 Widget icon, // 控件参数,传递标题 Widget title, // 控件参数,传递颜色 Color color, /* * Ticker提供者 * 由类实现接口...) { // 存储颜色作为图标颜色 iconColor = _color; } else { /* * 保存质感设计主题颜色和排版值: * 使用ThemeData来配置主题控件 * 使用Theme.of...获取当前主题 */ final ThemeData themeData = Theme.of(context); /* * 如果程序整体主题亮度很高(需要深色文本颜色才能实现可读对比度) * 就返回程序主要部分背景颜色作为图标颜色...* 否则返回控件前景颜色作为图标颜色 */ iconColor = themeData.brightness == Brightness.light ?...themeData.primaryColor : themeData.accentColor; } // 返回值,创建不透明度转换 return new FadeTransition( // 控制子控件不透明度动画

    3.1K21

    Flutter主题切换——让你APP也能一键换肤

    我们看看ThemeData部分数据定义: ThemeData({ Brightness brightness, //深色还是浅色 MaterialColor primarySwatch, //主题颜色样本...字体主题,包括标题、body等文字样式 IconThemeData iconTheme, // Icon默认样式 TargetPlatform platform, //指定平台,应用特定平台控件风格...上面只是ThemeData一小部分属性,完整数据定义读者可以查看 SDK。...颜色和主题[1] 持久化选择主题 这里就需要使用到一开始提到flustars中SpUtil了,我们一般会在页面初始化加载时候读取保存颜色信息,所以我们需要在初始化页面配置如下代码: String...至此我们换肤功能也就完成了,想要获取完整代码可以关注公众号「01 二进制」,后台回复「Flutter 主题切换」。 最后 以上就是关于如何在 Flutter 中切换主题详细内容了。

    4.7K40

    Flutter 主题设置及夜间模式

    主题介绍 Theme 组件可以为 Material APP 定义主题数据(ThemeData)。Material 组件库里很多组件都使用了主题数据,如导航栏颜色标题字体、Icon 样式等。...secondaryHeaderColor - 有选定行时 PaginatedDataTable 标题颜色。 selectedRowColor - 选中行时高亮颜色。...splashColor - 墨水喷溅颜色。 textSelectionColor - 文本字段中选中文本颜色,例如 TextField。...focusColor - 焦点获取颜色,例如,一些按钮焦点、输入框焦点。 hoverColor - 点击之后徘徊中颜色,例如,按钮长按,按住之后颜色。...cursorColor - 输入框光标颜色ThemeData(Theme相关类型属性) accentIconTheme - IconThemeData 类型,与突出颜色对照图片主题。

    2.3K10

    【Flutter 实战】1.20版本更新及新增组件

    自定义滑块 激活颜色 和 未激活颜色: Slider( activeColor: Colors.red, inactiveColor: Colors.blue, value: _sliderValue...标题 选中日期 切换到输入模式 年选择菜单 月份分页 当前时间 选中日期 输入模式 结构图: ?...获取选中日期 showDatePicker 方法是 Future 方法,点击日期选择控件的确定按钮后,返回选择日期。...标题 选定日期范围 切换到输入模式 月和年标签 当前时间 开始时间 选中时间范围 结束时间 国际化 国际化都是一个套路,下面以 showDatePicker 为例: 在 pubspec.yaml 中引入...alignPanAxis 参数表示是否只在水平和垂直方向上拖拽,默认为false,设置为true,无法沿着对角线(斜着)方向移动。

    5.1K10
    领券