如何修改`Button`组件的背景颜色和文字颜色？

Question

我想让按钮的背景变成蓝色，文字变成白色，应该用哪些属性？

Answer 1

可以用.backgroundColor()设置背景颜色，.fontColor()设置按钮标签文本的颜色：

import { Color } from '@ohos.arkui.theme'; // 可能需要导入 Color

Button("Blue Button")
  // 设置背景颜色为蓝色
  .backgroundColor(Color.Blue) // 或 '#0000FF' 或 $r('app.color.blue')
  // 设置文字颜色为白色
  .fontColor(Color.White) // 或 '#FFFFFF' 或 $r('app.color.white')
  .onClick(() => {})