How to return two widgets in an if - flutter

Question

I want to return two widgets when one condition is true. Something like this:

Row(
  children: [
   ...
   if (session.server.autoVenta)
    SizedBox(
     width: size.width * 0.16,
     child: const TextPrimary(
      text: "N° Doc:",
     ),
    ),
   if (session.server.autoVenta)
     SizedBox(
      width: size.width * 0.24,
      child: Text(order.documento),
     ),
  ]
)

But using only one if.

I've searched on google but I couldn't find anything.

Mostafa Soliman · Accepted Answer · 2022-10-28 21:06:53Z

5

Like

Row(
  children: [
    if (true) ...[
      Widget(),
      Widget(),
    ],
    Widget(),
  ],
)

edited Oct 28, 2022 at 21:06

answered Oct 28, 2022 at 20:18

Mostafa Soliman

8927 silver badges22 bronze badges

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

Comments

Gwhyyy · Accepted Answer · 2022-10-28 21:24:25Z

1

you can many options to do it :

first, you can use the spread operator inside the children in your column to add a List of widgets at once :

Row(
 children: [
   /* other widgets */
  if (condition) ...[
  YourWidget1(),
  YourWidget2(),
  YourWidget3(),
],

you can use for it also a separate List<Widget> containing your widgets

or you can use nested Row if you don't want the spread operator :

 Row(
 children: [
   /* other widgets */
  if (condition) RowWidgets(),
  ),


Widget RowWidgets() {
   return Row(
      children: [
      YourWidget1(),
      YourWidget2(),
      YourWidget3(),
     ],
);}

answered Oct 28, 2022 at 21:24

Gwhyyy

9,3843 gold badges18 silver badges60 bronze badges

Collectives™ on Stack Overflow

How to return two widgets in an if - flutter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related