在颤振中创建颜色类

时间:2021-06-28 16:16:25

标签: flutter flutter-layout

我正在尝试在 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
                  ),
                ),

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

3 个答案:

答案 0 :(得分:0)

添加static关键字:

import 'package:flutter/material.dart';

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

答案 1 :(得分:0)

从评论中扩展答案。

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

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

color: ColorSelect().cbuttons,

或使用静态属性。

class ColorSelect {

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

我会鼓励你研究这个。

答案 2 :(得分: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 使用这种方式,管理您的主题非常容易。