Flutter || how to make three conditions in single container

Question

I am working on a UI where I have 3 checks in the same container. I am able to achieve only one condition but not able to the second one or third one.

till now I have created a container where I have made a column and included all things and used a bool variable which changes when I click the text and it reverts back when I click the close button.

But now the problem is How can I use 3 conditions in the same column?

my code till now

bool makePayment = false;

 makePayment ? Column( crossAxisAlignment:
                                          children: [                                                  
                                                  const Text('Quick actions'),
                                                  const SizedBox(),
                                                   Row(),
                                                     Row()
                                                   ])  : Column()

Ahmad Ellamey · Accepted Answer · 2022-10-17 17:33:33Z

1

you could use a lot of condition in the same way as you did just the question will be more complicated , example :

A.isNumber ? do1 : A.isAlpha? do2 : A.isSymbol ? do3 : do4

answered Oct 17, 2022 at 17:33

Ahmad Ellamey

3292 silver badges8 bronze badges

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

4 Comments

Lea González Cuello Over a year ago

Or you can use a switch

flutter dev2 Over a year ago

@Ahmad I have already used your logic but what happens is if I press make payment and then I press close button is working but for the same logic I am implementing for withdrawmoney and close button then makePayement button not working

Ahmad Ellamey Over a year ago

where's the code for the close button

flutter dev2 Over a year ago

in close button I am changing the values like this makePayment = !makePayment;

megphish · Accepted Answer · 2022-10-18 07:17:41Z

1

You can use else-if into your column children.

The Syntax is

Column(
    children: <Widget>[
        if(your condition) ...[
            //YOUR CODE
        ] else if(your condition) ...[
            //YOUR CODE
        ] else ...[
            //YOUR CODE
        ]
    ]
)

answered Oct 18, 2022 at 7:17

megphish

341 silver badge3 bronze badges

3 Comments

flutter dev2 Over a year ago

@Megaphish If working fine for makePayment but not working for withdrawMoney button

megphish Over a year ago

then create condition on clicking your make payment, withdraw money and add to wallet as per your UI, and then in column section display the UI into column section with else if loop. I think that will work. And also check code syntax.

megphish Over a year ago

this is the syntax of else if loop. I didn't show your code. so, it's better that now you learn the else if loop. Use it as your way. It's also applicable in row's children section. Hope you can understand

Collectives™ on Stack Overflow

Flutter || how to make three conditions in single container

2 Answers 2

4 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related