0

以下に示すような単純なアイコン ボタンがあります。何らかの理由で、何をしてもクリック可能な領域がアイコンと一致しません。Linux、Web、Android でアプリを実行しようとしましたが、すべて同じ問題でした。

下の画像

        home: Scaffold(
            body: Column(children: [
      IconButton(
        onPressed: () => {},
        icon: Icon(
          Icons.highlight_off,
          size: 70,
          color: Colors.red,
        ),
      ),
    ])));

私のコードがどのように見えるかの簡略化されたバージョン:

MaterialApp(
        home: Scaffold(
            body: Center(
      child: Stack(
          alignment: AlignmentDirectional.center,
          overflow: Overflow.visible,
          children: [
            Container(
              width: 500,
              height: 300,
              decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(20.0),
                  color: Colors.white,
                  boxShadow: [
                    BoxShadow(
                      color: Colors.grey.withOpacity(0.5),
                      spreadRadius: 5,
                      blurRadius: 7,
                      offset: Offset(0, 3),
                    ),
                  ]),
            ),
            Positioned(
              top: -40,
              right: 5,
              child: IconButton(
                onPressed: () => {},
                icon: Icon(
                  Icons.highlight_off,
                  size: 70,
                  color: Colors.red,
                ),
              ),
            ),
          ]),
    )));

4

1 に答える 1