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

设置ThemeData的primaryswatch属性后,RaisedButton的背景色不会更改

在Flutter中,可以使用ThemeData来设置应用程序的主题样式。其中,primarySwatch属性用于设置主题的主色调,它会影响到RaisedButton等组件的背景色。

当设置了ThemeData的primarySwatch属性后,RaisedButton的背景色会根据主题的主色调进行渲染。但是需要注意的是,RaisedButton的背景色并不是直接受primarySwatch属性的影响,而是通过ButtonTheme来控制的。

在Flutter中,ButtonTheme是一个用于定义按钮样式的组件。它可以通过ButtonThemeData来配置按钮的各种属性,包括背景色、文字颜色、边框样式等。当设置了ButtonThemeData的属性后,RaisedButton会根据ButtonThemeData的配置来渲染自己的样式。

因此,如果设置了ThemeData的primarySwatch属性后,想要改变RaisedButton的背景色,可以同时设置ButtonThemeData的属性。例如,可以通过ButtonThemeData的colorScheme属性来指定RaisedButton的背景色,代码示例如下:

代码语言:txt
复制
ThemeData(
  primarySwatch: Colors.blue, // 设置主题的主色调
  buttonTheme: ButtonThemeData(
    colorScheme: ColorScheme.fromSwatch(
      primarySwatch: Colors.blue, // 设置RaisedButton的背景色
    ),
  ),
  // 其他主题配置...
)

这样,设置了ThemeData的primarySwatch属性后,同时通过ButtonThemeData的colorScheme属性指定了RaisedButton的背景色,就可以实现RaisedButton背景色的更改。

推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm

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

相关·内容

  • 【Flutter 专题】62 图解基本 Button 按钮小结 (二)

    与 FlatButton 基本完全相同,只是 RaisedButton 多了一些阴影高度特有属性,和尚准备同时对两类 Button 进行尝试,比较两者不同; 案例尝试 和尚首先尝试最基本 RaisedButton...ButtonTextTheme 为默认子元素主题,可以设置基本三种主题样式:nomal 对应 [ThemeData.brightness];primary 对应 [ThemeData.primaryColor...使用 RaisedButton 时会自带阴影效果,阴影高度和高亮时阴影高度均可自由设置;但是阴影颜色应该如何处理呢,官方暂未提供阴影效果属性;和尚尝试了网上大神方式,RaisedButton 外层依赖带模糊阴影效果...Container;和尚借鉴并稍微调整一下,解决方案并非最佳,仅作尝试; 初始时定义一个默认高度 height 作为阴影高度,监听按钮 onHighlightChanged 方法更改...若按钮有样式设置,依赖 Container 也要设置相同 shape 样式; var height = 5.0; Container( decoration: BoxDecoration(

    1.3K41

    带你快速掌握Flutter视图(Widgets)

    在Android/iOS中要更新视图,我们可以直接通过对应方法来操作更改。 在Flutter中,Widget是不可变不会直接更新。 相反,我们可以通过操纵Widget状态来更新它们。...如果要根据HTTP网络请求或用户交互收到数据动态更改UI,则必须使用StatefulWidget并告诉Flutter框架Widget状态已更新,以便更新该Widget。...请记住以下规则:如果Widget在build之外更改(例如,由于运行时用户交互),则它是有状态。 如果Widget永远不会改变,一旦构建,它就是无状态。...举个例子,如果你要构建一个 CustomButton ,并在构造器中传入它 label?那就组合 RaisedButton 和 label,而不是扩展 RaisedButton。...如何设置Widget透明度?

    11K10

    【Flutter】Flutter 自定义字体 ( 下载 TTF 字体 | pubspec.yaml 配置字体资源 | 同步资源 | 全局应用字体 | 局部应用字体 )

    RubikMonoOne-Regular.ttf 放在根目录下 fonts 目录下 ; 3、获取字体 在 pubspec.yaml 配置文件中配置完字体资源 , 点击 " Pub get " 按钮...theme 字段值 ThemeData 组件中 fontFamily 字段设置字体 , 这里设置在 pubspec.yaml 配置文件中配置 family 标签下值 “RubikMonoOne”...title: , // 设置主题 theme: ThemeData( // 配置字体 fontFamily: "RubikMonoOne" ), // 设置界面主组件...home: , ) 5、局部使用字体 局部应用字体 : 在 Text style 字段设置文本风格 , TextStyle 类型组件 fontFamily 可以设置字体 ; 代码示例 : Text...: "RubikMonoOne", // 配置主题颜色 primarySwatch: Colors.blue, ), // 设置界面主组件

    3.3K00

    Flutter: Stateful 挂件 vs Stateless 挂件

    每个挂件都有它状态。 状态是什么? 状态就是在构建小挂件时可以同时读取信息,并且可能在运行时更改信息。简而言之,我们可以说 State 定义了 Widget 的当前属性。...继承 Stateful 挂件类是不可变,但是 State 是可变。 不可变类 意味着一旦对象被创建,我们不可以改变它内容。可变类 是指一旦它被创建,我们还是可以更改它内部状态。...应用 Stateful 挂件步骤 通过继承 StatefulWidget 去创建一个类,然后在 createState() 方法中返回状态 创建 State 类挂件可能在运行时候更改值 在 State...代码示例 应用 Stateless 挂件步骤 通过继承 StatelessWidget 去创建一个类 为挂件创建一个 build() 方法,在个关键在运行时不更改其内容 build() 方法中返回挂件...return MaterialApp( debugShowCheckedModeBanner: false, title: 'Flutter Demo', theme: ThemeData

    43020

    Flutter 页面交互 | 路由跳转方式、常用API、发送接收数据、可能发生问题与知识点拓展

    目的页接收到数据,进行运用处理; 【更改一下pushData()封装】 刚刚是把ContentPage标题data传给pageOne了, 现在更改一下pushData()封装,灵活一点...PageOne等 自定义、自创建 页面中,也有一个AppBar, 这里我们如果不对它进行单独设置的话, 则会默认配置为 首页主题风格—— 也即main.dart -- MaterialApp 中...上述单独设置指的是, 在某个页面中,为该页面的appBar单独设置背景颜色, 这样就会覆盖主页默认主题颜色, 【但是如要尽量保持主题一致性, 建议不要对子页面的这些 相关主题属性 进行修改...Scaffold组件body属性值 为 具体组件名称, 接收不到 路由返回(或传递过来)数据 如下, 图一中注释代码中, body属性值 为 具体组件名称RaisedButton, 这样写法...// strutStyle: StrutStyle( // fontFamily: 'serif',//字体,如果此属性设置,则从fontFamilyFallback

    3.3K10

    《Flutter》-- 4.Flutter组件基础

    5)theme.primarySwatch:应用主题色。 6)theme.primaryColor:单独设置导航栏背景色。...Scaffold常用属性: 1)appBar:用于设置顶部标题栏,不设置就不显示; 2)body:Widget类型,显示Scaffold内容主要容器。...4.3.2 按钮组件 Materail组件库中常见按钮组件: RaisedButton:默认是带有阴影和灰色背景按钮,按下阴影会变大; FlatButton:默认是背景透明并不带阴影按钮,按下后会有背景色...所有Materail组件库按钮都有两个相同点:一是按下时会有水波动画,另一个是都有一个onPressed属性设置单击回调。...Image组件常见属性: fit属性用于指定图片填充模式,取值如下: BoxFit.fill:全图显示,图片有可能被拉伸,造成图片变形; BoxFit.contain:全图显示,图片不会变形,超出显示空间部分会被剪裁

    12.4K30
    领券