【问题标题】:Flutter's applications default colorFlutter 的应用默认颜色
【发布时间】:2022-01-06 13:05:06
【问题描述】:

我正在制作一个 Welcome Screen,它有两个 TextButtons,每个都包裹在一个 Container 中。
一个用于创建帐户,另一个用于登录 (它们下面都有一些阴影)

我设法让两个容器都颤动了,但我发现应用程序的背景颜色不是纯白色 (#FFFFFF),这意味着如果我将登录容器的颜色设置为 Colors.white 它看起来不会就像上图应用的背景颜色一样。

所以我需要一种方法将登录容器的颜色设置为与应用程序相同的颜色。 让我们避免硬编码我不想使用外部工具确定背景颜色并将其设置为按钮。 我正在考虑采用与父母相同的颜色或类似的颜色,但我不知道是否存在。

main.dart

WelcomeScreen.dart

【问题讨论】:

  • 只需将登录容器的颜色设置为Colors.transparent
  • 我在容器后面有一个阴影,所以如果我将颜色设置为透明,我会看到阴影

标签: flutter flutter-layout


【解决方案1】:

脚手架背景颜色为Grey[50]。您可以在脚手架上设置背景颜色,例如

Scaffold(
   backgroundColor: Colors.white,

或应用程序

  return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: Theme.of(context).copyWith(
        scaffoldBackgroundColor: Colors.white,
      ),

更多关于Theme

【讨论】:

    猜你喜欢
    • 2021-08-02
    • 2019-11-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多