FlutterでElevatedButtonのIconが正しい位置に表示されない

Question

ElevatedButtonのiconが変な位置に表示されます。助けてください。
円の真ん中にiconを表示したいです。

Container(
              width: 200,
              height: 50,
              // alignment: Alignment.bottomRight,
              decoration: BoxDecoration(
                  border: Border(
                      bottom: BorderSide(color: Colors.black38, width: 1))),
              child: Stack(
                alignment: Alignment.bottomCenter,
                children: [
                  Text("aaa", style: TextStyle(fontSize: 20)),
                  Align(
                    alignment: Alignment.bottomRight,
                    child: SizedBox(
                      width: 20,
                      height: 20,
                      child: ElevatedButton(
                        onPressed: () {},
                        child: Icon(Icons.arrow_drop_down),
                        style: ElevatedButton.styleFrom(
                          primary: Colors.white,
                          onPrimary: Colors.black,
                          shape: CircleBorder(
                            side: BorderSide(
                              color: Colors.black,
                              width: 1,
                              style: BorderStyle.solid,
                            ),
                          ),
                        ),
                      ),
                    ),
                  )
                ],
              ),
            ),

Comments

[popobot]

DropdownButtonを使えばいいという話ではなくでしょうか
https://api.flutter.dev/flutter/material/DropdownButton-class.html

もしくはアイコンのボタンを作りたいならIconButtonを使ったらいい気がしました
https://api.flutter.dev/flutter/material/IconButton-class.html

[Akitoa]

確かにそうですね。
そのWidgetの存在を知りませんでした、教えていただきありがとうございます。

Answer 1

DropdownButtonを使う