Question 120549 in Firebase Question posted in
An extensive official documentation can be found here.

Firebase – How to use if else in flutter for icons?

I want to change icons based on information fetched from the database. How can I do that?

if(documentSnapshot['visiting period']=="Sold"){
                            Icon(MyIcons.aquas),

                          },
else{
...
}

Can anyone help with this as I get the error

The element type 'List<Icon>' can't be assigned to the list type 'Widget'.
Tags:

4

Answers


  1. 0

    You can use ternary operator inside the icon widget like this

    Icon(true ? Icons.abc : Icons.abc_rounded)

    replace true with your condition.
    the value after ? will be called if the condition is true and the value after : will be called when condition is false

    Login or Signup to reply.
  2. 0

    You can achieve that using two way.

    documentSnapshot['visiting period']=="Sold" ?  Icon(MyIcons.aquas) : Icon(MyIcons.(your icon name);

    Or

    Icon(documentSnapshot['visiting period']=="Sold" ? MyIcons.aquas : Icon(MyIcons.(your icon name));
    Login or Signup to reply.
  3. 0

    Try this

    Icon(documentSnapshot['visiting period']=="Sold"? Icons.one : Icons.two)),
    Login or Signup to reply.
  4. 0

    You can create a method that returns an icon.

    body: Container(
    _getApplicableIcon(documentSnapshot['visiting period']);
  ),

_getApplicableIcon(String visitingPeriod) {
    switch (visitingPeriod) {
    case "Sold":
       return Icon(MyIcons.aquas);
    case "Not Sold":
       return Icon(MyIcons.elseIcon);
    default:
       return Icon(MyIcons.defaultIcon);
    }
}

    If you dont want an icon as default you can return container();

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search