在 flutter 中创建颜色类

问题描述 投票:0回答:4

我正在尝试在 Flutter 中创建一个颜色类,我的主要目标是我将能够在任何地方访问该类的颜色并在需要时更改它们。
我尝试像这样创建,但我似乎无法访问变量:

import 'package:flutter/material.dart';

class ColorSelect {

  Color cbuttons = const Color(0xFF1520A6);
  //there will be other colors here
}

这就是我尝试获取颜色的方法:

 child: Text(
                  userManager.isLoggedIn ? 'Sair' : 'Entre ou cadastre-se >',
                  style: TextStyle(
                    color: ColorSelect.cbuttons,
                    fontWeight: FontWeight.bold
                  ),
                ),

但是像这样访问颜色类不起作用。

flutter flutter-layout
4个回答
3
投票

添加

static
关键字:

import 'package:flutter/material.dart';

class ColorSelect {
  static final cbuttons = const Color(0xFF1520A6);
}


1
投票

扩展评论中的答案。

我认为你对 dart(或任何 OOP 语言)中的类概念感到困惑。

要访问类的属性,您必须实例化它。

color: ColorSelect().cbuttons,

或使用静态属性。

class ColorSelect {

 static Color cbuttons = const Color(0xFF1520A6);
}

我会鼓励你研究这个。


0
投票

让我向您建议比颜色类别更好的方法按照步骤操作

步骤:1 创建一个 dart 文件名,例如。

Colors.dar
并在您的Colors.dart中添加颜色为
const
,如下所示 首先导入flutter素材包。

import 'package:flutter/material.dart';

步骤:2定义您想要的颜色,如下所示并保存文件

const MainBackgroundColor = const Color(0xff27a6c3);

第3步现在使用它你只需导入文件并像下面这样使用

import 'package:flutter/material.dart'; 
import 'Colors.dart'; 

 /// here set the color of containe 
 
 Container(
     height: 100.0,
     width: 100.0,
     color: MainBackgroundColor,
    ),

您还可以在此文件中定义所有颜色,并在您的应用程序中使用 allover 使用这种方式,管理你的主题非常容易。


0
投票
    import 'package:flutter/material.dart';
    class ColorsField{
      static const buttonColor=Color(0xFF1520A6);
      static const textcolor=Color(your color);
      static const background=Color(your color);
      static const headingColor=Color(your color);
    }
Make this static so you can able to access 
© www.soinside.com 2019 - 2024. All rights reserved.