颜色、白色、不透明度在Flutter Web应用程序上不起作用

mbjcgjjk 于 2023-01-18 发布在 Flutter

关注(0)|答案(3)|浏览(224)

我不能设置白色与一些不透明的Flutter在网络上。
或者

Colors.white24

或

Color(0x3DFFFFFF)

甚至（@biruk-is建议）

Colors.white.withOpacity(0.24)

无法显示在Web应用程序中。它在Android和Windows上按预期工作，虽然...

只需使用标准模板创建一个新的Flutter应用程序，并将Scaffold修改为

return Scaffold(
  backgroundColor: Colors.white24,
  body: Center(
    child: Text(
      'Test text',
    ),
  ),
);

通过这样做，你在Android或Windows中得到了彩色背景，但在网络上（Chrome和Edge都是）显示白色背景...

我做错了什么或者我误解了什么吗？请让我知道（我是新的flutter（和web！）开发）。

3条答案

尝试使用此：

const Color.fromRGBO(0, 0, 0, 0.3)

它给我的灰色与30%的不透明度。

如果通过使用

Colors.white.withOpacity(0.24)

您确实得到了白色，您仍然可以通过调用获得您所需的颜色

Colors.black.withOpacity(0.74)

如果是这种情况，请阅读下面的“* 是什么导致此问题？*”部分。

问题出在树中设置的背景色上，如果背景色设置为黑色，则设置Colors.black.withOpacity将总是返回黑色，或者如果背景色为白色，则设置Colors.white.withOpacity将总是返回白色。
对我来说，跑步

import 'package:flutter/material.dart';

void main() {
  runApp(Container());
}

在Android、Windows和iOS上返回黑屏，但在Chrome和Edge上返回白色。
我已经通知了扑翼队。

使用此：

Colors.white.withOpacity(0.5)