How to use If statement in Flutter widget

Question

I'm new in flutter and practicing simple app. But now, I can insert one line conditional statement but I want to add If statement. So I can add more statement. How do I do that? Here is my code. Please have a look. I want to add more color when I reach targeted amount color: _moneyCounter > 1000 ? Colors.green : Colors.red,

Expanded(
              child: Center(
                child: Text(
                  '\USD $_moneyCounter',
                  style: TextStyle(
                    color: _moneyCounter > 1000 ? Colors.green : Colors.red,
                    fontSize: 40.0,
                  ),
                ),
              ),
            ),

Raouf Rahiche · Accepted Answer · 2018-11-07 15:05:52Z

23

You can so multiple ternary operators :

_moneyCounter > 1000 ? Colors.green : _moneyCounter > 2000 ? Colors.Blue : Colors.red

But for readability i don't recommend doing this so you can use a function that will return the color :

Color getMyColor(int moneyCounter) {
 if (moneyCounter == 1000) then {
    return Colors.green;
 } else
  if (moneyCounter == 2000) then {
   return Colors.red;
  }
}

and then use that function :

color: getMyColor(_moneyCounter),

edited Nov 7, 2018 at 15:05

answered Nov 7, 2018 at 14:57

Raouf Rahiche

31.6k13 gold badges89 silver badges82 bronze badges

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

2 Comments

Macaw Over a year ago

Hello Sir @Raouf Rahiche, Thank you so much but could you please complete the Return Method. So I can follow

Raouf Rahiche Over a year ago

check the answer again

Hardik Hirpara · Accepted Answer · 2022-01-19 06:03:15Z

9

You can use different widgets as below,

Column(
    children: [
        if (_id == 0) ...[
          Container()
        ] else if(_id == 1)...[
          Text("Hello")
        ] else ...[
          SizedBox(height: 20)
        ],
    ],
 ),

answered Jan 19, 2022 at 6:03

Hardik Hirpara

3,13124 silver badges37 bronze badges

1 Comment

mr_j Over a year ago

Didn't see that in the documentation. Saved me a ton of time. Thanks

Нараа Болорхүү · Accepted Answer · 2021-03-11 18:55:04Z

if you use in Column

Column(children:[  if (e["index"] == 1)
              Text(e["text"].toString(),
                  textAlign: TextAlign.center,
                  style: TextStyle(color: Colors.green[900])),
            if (e["index"] == 2)
              Text(e["text"].toString(),
                  textAlign: TextAlign.center,
                  style: TextStyle(color: Colors.green)),
            if (e["index"] == 3)
              Text(e["text"].toString(),
                  textAlign: TextAlign.center,
                  style: TextStyle(color: Colors.amber)),
            if (e["index"] == 4)
              Text(e["text"].toString(),
                  textAlign: TextAlign.center,
                  style: TextStyle(color: Colors.orange)),
            if (e["index"] == 5)
              Text(e["text"].toString(),
                  textAlign: TextAlign.center,
                  style: TextStyle(color: Colors.red)),
          ])

Collectives™ on Stack Overflow

How to use If statement in Flutter widget

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related