Passing a colour in list into a widget - Flutter

Question

Quite possible an absurdly easy question but I've done a lot of beginner tutorials and this never seems to be covered, in below, both boardPosition.name and color are items in a data list. I can pass thru the name no problem, but the color doesn't work probably because it's dragging through the apostrophe. However, I can't seem to work out how else to do this...

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

Thanks in advance :)

Here's the board position:

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),
];

Can you share the error message?

Dix20
– Dix20

2020-02-06 13:10:01 +00:00
Commented Feb 6, 2020 at 13:10 — Dix20
– Dix20, Commented Feb 6, 2020 at 13:10
Can you give us an example of an item from your list

Sameh.K
– Sameh.K

2020-02-06 13:23:14 +00:00
Commented Feb 6, 2020 at 13:23 — Sameh.K
– Sameh.K, Commented Feb 6, 2020 at 13:23
Error I get is "type string is not a subtype of type Color"

Simon Kwong
– Simon Kwong

2020-02-06 14:05:16 +00:00
Commented Feb 6, 2020 at 14:05 — Simon Kwong
– Simon Kwong, Commented Feb 6, 2020 at 14:05

Dix20 · Accepted Answer · 2020-02-06 14:00:29Z

1

You have to set the color field to a Color Object not a String. Try:

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),
];

answered Feb 6, 2020 at 14:00

Dix20

2084 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Karol Lisiewicz Over a year ago

You should define color's type explicitly: Color color;

Collectives™ on Stack Overflow

Passing a colour in list into a widget - Flutter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related