問題タブ [iconbutton]

RowFlutterアプリにこのウィジェットがあり、いくつかIconButtonのsがあります

次の図に示すように表示されます。

赤い線は高低差を明確にするためのものです

私はすべてのアイテムをその中心を通って同じ行に揃えたいと思っています。どうやってやるの？

私はIconButton、通常、それはアイコンですIcons.expand_moreが、それを押すと、そのアイコンは になりますIcons.expand_less。これをアニメーション化して、そのボタンを押すと、回転して上から下を指すようにします。を押すと同じように、アニメーションが回転するexpand_lessはずです。expand_moreどうすればこれを達成できますか? 以下は私のコードです:

私はanimatedContainerを使用しようとしましたが、2つの異なるアイコンを使用していて、これでは実現できない回転効果があるため、うまくいきませんでした。また、以下のアプローチでアイコンを回転させようとしましたが、0 度から 180 度まで回転しているときにアニメーションを表示できません。

これは展開前です：

これは展開後です：

ボタンクリック時の回転アニメーションが欲しい。