Передача цвета в списке в виджет - Flutter

Question

Вполне возможно, нелепо простой вопрос, но я сделал много уроков для начинающих, и это, кажется, никогда не рассматривается, ниже, как boardPosition.name и color являются элементами в списке данных. Я могу передать название без проблем, но цвет не работает, вероятно, потому что он перетаскивает апостроф. Тем не менее, я не могу понять, как еще это сделать ...

Text(
    boardPosition.name,
    style: TextStyle(
        fontSize:18.0,
        fontFamily:'Amatic',
        color: boardPosition.color,
        )
    ),

Заранее спасибо :)

Вот позиция на доске:

class Board {

  String name;
  final color;
  int state;
  int myScore;
  int compScore;

  Board({this.name, this.color, this.state, this.myScore, this.compScore});
}

List <Board> boardPosition = [
  Board(name : "purple", color: "Colors.purple", state : 0, myScore: 0, compScore: 0),
  Board(name : "red", color: "Colors.red", state : 0, myScore: 0, compScore: 0),
  Board(name : "yellow", color: "Colors.yellow", state : 0, myScore: 0, compScore: 0),
  Board(name : "blue", color: "Colors.blue", state : 0, myScore: 0, compScore: 0),
  Board(name : "orange", color: "Colors.orange", state : 0, myScore: 0, compScore: 0),
  Board(name : "green", color: "Colors.green", state : 0, myScore: 0, compScore: 0),
  Board(name : "pink", color: "Colors.pink", state : 0, myScore: 0, compScore: 0),
];

Answer 1

Вы должны установить цветовое поле для Color Object, а не String. Попробуйте:

List <Board> boardPosition = [
  Board(name : "purple", color: Colors.purple, state : 0, myScore: 0, compScore: 0),
  Board(name : "red", color: Colors.red, state : 0, myScore: 0, compScore: 0),
  Board(name : "yellow", color: Colors.yellow, state : 0, myScore: 0, compScore: 0),
  Board(name : "blue", color: Colors.blue, state : 0, myScore: 0, compScore: 0),
  Board(name : "orange", color: Colors.orange, state : 0, myScore: 0, compScore: 0),
  Board(name : "green", color: Colors.green, state : 0, myScore: 0, compScore: 0),
  Board(name : "pink", color: Colors.pink, state : 0, myScore: 0, compScore: 0),
];