Question

我是新手，我正在尝试在Gradient中使用纯色。我想知道如何在flutter项目中使用纯色。我所说的纯色就像https://flatuicolors.com/

body: Container(
        decoration: BoxDecoration(
          gradient: LinearGradient(
            begin: Alignment.topLeft,
              end: Alignment.bottomRight,
            colors: [Colors.blue, Colors.blueAccent]
          )
        ),

Answer 1

您不能直接使用flatuicolors，因为没有像字体字体图标那样的插件。因此，您可以仅从flatuicolors复制颜色代码，然后在飞镖代码中使用它。

For Ex :

       body:Container(
              decoration: BoxDecoration(
                gradient: LinearGradient(
                    begin: Alignment.topLeft,
                    end: Alignment.bottomRight,
                    colors: [Color(0xff25CCF7), Color(0xff55E6C1)]),
              ),
            ),

您可以使用 Color（）类来使用十六进制颜色代码，例如＃25CCF7和＃55E6C1。您可以在Color类的前缀0xff 之后添加十六进制代码。

Answer 2

这是您可以做的，使用如下颜色。

Color mFlatColor = Color(0xFFF47D15);

使用上面给出的Color HAX值，您可以创建自定义颜色。如下所述使用它，您也可以直接定义内部渐变。

body:Container(
              decoration: BoxDecoration(
                gradient: LinearGradient(
                    begin: Alignment.topLeft,
                    end: Alignment.bottomRight,
                    colors: [mFlatColor, Color(0xff55E6C1)]),
              ),
            ),

如何在Flutter中将纯色导入到我的项目中？

2 个答案: