flutter convert color (string) to Color

Question

I have a set of data that comes from DB something like this

{
   ...
    name:"any name"
  , something:{
        color:"red"
     }
}

based on this (can't change DB ), How can I display the name in a widget with background color dynamically, "red" for example

( take a color string red converted to Color type )

Er1 · Accepted Answer · 2021-06-02 13:05:50Z

2

This is not possible as far as I know.

But you could do something like this:

Map<String, Color> nameToColor = {
  'red'  : Colors.red,
  'blue' : Colors.blue,
}

and then

{
   ...
    name:"any name"
  , something:{
        color: nameToColor['red'] ?? Color.green //or any other default color
     }
}

answered Jun 2, 2021 at 13:05

Er1

2,8221 gold badge16 silver badges29 bronze badges

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

3 Comments

Sarl sbeer Over a year ago

I can't change the object coming from DB, do you mean something like ... Text( obj.name ,style: TextStyle( color : nameToColor[ obj.somethimg.color] ) ) ???

Sarl sbeer Over a year ago

thanks this one works... Text( obj.name ,style: TextStyle( color : nameToColor[ obj.somethimg.color] ) )

Er1 Over a year ago

@Salsabeel You're right, I missed that your example shows the data coming from your db. But you seem to have it figured out. Happy Coding!

Tipu Sultan · Accepted Answer · 2021-06-02 13:53:04Z

2

Actually there is no such way. But if the value of color is known then we can do something like this

 Map<String, dynamic> map = {
    "name": "any name",
    "something": {"color": "red"}
  };

  Color getColor(String color) {
    switch (color) {
        //add more color as your wish
      case "red":
        return Colors.red;
      case "blue":
        return Colors.blue;
      case "yellow":
        return Colors.yellow;
      case "orange":
        return Colors.orange;
      case "green":
        return Colors.green;
      default:
        return Colors.transparent;
    }
  }

Use this like

Container(color: getColor(map['color']),);

answered Jun 2, 2021 at 13:53

Tipu Sultan

1,87516 silver badges23 bronze badges

Comments

user13872377 · Accepted Answer · 2021-06-02 13:23:33Z

0

you can put in variable Then you can use it.

Example:

const Color Red=Colors.red;

{
   ...
    name:"any name"
  , something:{
        color:Red
     }
}

answered Jun 2, 2021 at 13:23

user13872377

Comments

Sarl sbeer · Accepted Answer · 2021-06-02 23:35:37Z

0

so thanks to @Tipu Sultan and @Er1.

I tried another solution and it works fine

Map<String, dynamic> objFormDB= {
    "name": "any name",
    "something": {"color": "red"}
  };

Map<String, Color> nameToColor = {
  'red'  : Colors.red,
  'blue' : Colors.blue,
}

and I tried with Text widget

Text( objFormDB.name 
     ,style: TextStyle( color : nameToColor[ objFormDB.somethimg.color] )
   )

that's simple :)

answered Jun 2, 2021 at 23:35

Sarl sbeer

657 bronze badges

Collectives™ on Stack Overflow

flutter convert color (string) to Color

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related