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

问题描述 投票:1回答:2

我不熟悉抖动,因此尝试在Gradient中使用纯色。我想知道如何在flutter项目中使用纯色。我在纯色中的意思就像https://flatuicolors.com/

body: Container(
        decoration: BoxDecoration(
          gradient: LinearGradient(
            begin: Alignment.topLeft,
              end: Alignment.bottomRight,
            colors: [Colors.blue, Colors.blueAccent]
          )
        ),
flutter flutter-layout
2个回答
0
投票

您不能直接使用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类的prefix 0xff之后添加十六进制代码。


0
投票

这是您可以做的,使用下面提供的颜色。

Color mFlatColor = Color(0xFFF47D15);

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

body:Container(
              decoration: BoxDecoration(
                gradient: LinearGradient(
                    begin: Alignment.topLeft,
                    end: Alignment.bottomRight,
                    colors: [mFlatColor, Color(0xff55E6C1)]),
              ),
            ),
© www.soinside.com 2019 - 2024. All rights reserved.