Google 字体颜色被忽略

Question

我有一个 OutlineButton，我尝试使用 google-fonts 依赖项为文本使用 google 字体。代码如下所示：

OutlinedButton(
  child: const Text('Next'),
  style: ButtonStyle(
    backgroundColor: MaterialStateProperty.resolveWith((states) {
      return colorPrimaryButton;
    }),
    textStyle: MaterialStateProperty.resolveWith((states) {
      return GoogleFonts.inter(textStyle: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold, color: Colors.white));
    })
  ),
  onPressed: () {
    // do something
  }),

虽然我将白色指定为文本颜色，但文本显示为蓝色。

我在这里错过了什么？为什么“下一步”文本不会显示为白色？

Answer 1

不需要更改按钮textStyle只需更改子项textSytle

OutlinedButton(
                  child: Text(
                    'Next',
                    style: GoogleFonts.inter(
                        textStyle: const TextStyle(
                            fontSize: 20,
                            fontWeight: FontWeight.bold,
                            color: Colors.white)),
                  ),
                  style: ButtonStyle(
                    backgroundColor: MaterialStateProperty.resolveWith((states) {
                      return Colors.indigo;
                    }),
                  ),
                  onPressed: () {
                    // do something
                  })

预览

Google 字体颜色被忽略

Google font color is ignored

flutter

google-fonts