Parent icon color not changing

[dmvvilela]

I can't change the color of the icon.. I have on the scaffold:

floatingActionButton: UnicornDialer(
backgroundColor: Color.fromRGBO(255, 255, 255, 0.6),
parentButtonBackground: Color(0xFFFFD421),
orientation: UnicornOrientation.VERTICAL,
parentButton: Icon(
Icons.add,
color: Colors.black, // not working
),
childButtons: _childButtons,
),

But it is still white.

[hiseholuwa]

If you change this in the source code:

var mainFAB = AnimatedBuilder(
        animation: this._parentController,
       ...
                          child: new Icon(
                              this._animationController.isDismissed
                                  ? widget.parentButton.icon
                                  : widget.finalButtonIcon == null
                                  ? Icons.close
                                  : widget.finalButtonIcon.icon),
                        );
                      })));
        });

to:

var mainFAB = AnimatedBuilder(
        animation: this._parentController,
       ...
                          child: this._animationController.isDismissed
                                  ? widget.parentButton
                                  : widget.finalButtonIcon
                         );
                      })));
        });

should solve your problem. Just make sure both parentIcon and finalIcon are not null. Or better yet you can do:

var mainFAB = AnimatedBuilder(
        animation: this._parentController,
       ...
                          child: this._animationController.isDismissed
                                  ? widget.parentButton
                                  : widget.finalButtonIcon == null
                                  ? Icon(Icons.close)
                                  : widget.finalButtonIcon,
                        );
                      })));
        });

[mohamed6996]

  floatingActionButton: Theme(
        data: ThemeData(
            accentIconTheme: IconThemeData(color: Colors.white)),
        child: UnicornDialer(
            //backgroundColor: Color.fromRGBO(255, 255, 255, 0.6),
            //  parentButtonBackground: Colors.redAccent,
            orientation: UnicornOrientation.VERTICAL,
            parentButton: Icon(Icons.add),
            childButtons: childButtons),
      ),

[Purvik]

@mohamed6996 This should be a perfect answer.

[ra-develop]

@mohamed6996 Thank you! Good idea! It is very helpful for me.
Little correcting. This construction: "accentIconTheme: IconThemeData(color: Colors.white))," was deprecated. Recommended use this method:

...
data: ThemeData(
          floatingActionButtonTheme:
              FloatingActionButtonThemeData(foregroundColor: Colors.black)),
      child: UnicornDialer(
          parentButtonBackground: Colors.white,
...