web-dev-qa-db-ja.com

Flutterでアイコン/アイコンボタンのサイズを変更する方法

2つの質問があります。

  1. アイコンのスケーリング方法は? Flutterのデフォルトアイコンではありません。しかし、画像に変更したとき。次のような画像のアイコンボタンがあります。
_Row(
                        mainAxisSize: MainAxisSize.max,
                        children: <Widget>[
                          IconButton(
                            icon: new Image.asset("images/IG.png"),
                          ),
                          IconButton(
                            icon: new Image.asset("images/Twitter.png"),
                          ),
                          IconButton(
                            icon: new Image.asset("images/Fb.png"),
                          ),
                        ],
                      )
_

その唯一の3つのアイコン。さらにアイコンを追加すると、レイアウトが黄色と黒のレンガに分割されます。それらを小さくする方法は?

enter image description here

  1. 上記の質問はIconButtonに関するものです。画像付きのアイコンを変更するには?ここにコードがあります:

    Icon(Icons.star, color: Colors.red)

image.assetで 'star'を変更する方法アイコンのみを表示する他のリンクへの参照なし。

3

ここでは、Suhuのすべての回答と、叔父にgoogleを尋ねた経験に基づいて、私の質問に答えます。

  1. アイコンのスケーリング方法は? Flutterのデフォルトのアイコンではありません。しかし、画像に変更したとき。 ?

mr @CopsOnRoadがコメント欄に答えを示しています。そしてそれは本当に機能します。おかげで:)私の答え:

_Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: <Widget>[
                          Image.asset("images/line.png", width: 30,),
                          SizedBox(width: 5,),
                          Image.asset("images/Wa.png", width: 30,),
                          SizedBox(width: 5,),
                          Image.asset("images/IG.png", width: 30,),
                          SizedBox(width: 5,),
                          Image.asset("images/Twitter.png", width: 30,),
                          SizedBox(width: 5,),
                          Image.asset("images/Fb.png", width: 30,),

                        ],
_

画像アセットを使用して、サイズ変更するサイズを指定します。しかし、これはばかげた方法です。あなたがミスターを見ることができる素晴らしい方法。警官は上記の答え。

  1. 画像付きのアイコンを変更するには?ここにコードがあります:Icon(Icons.star, color: Colors.red)

私の答えはImageIconを使用することです。アイコンのような画像になります。ここでコード。

_  ImageIcon(AssetImage("images/Free Ongkir.png")),
_

「スター」を画像アセットに変更できないため、ImageIconを使用しました。サイズも変更できます。最初の「)」の後ろに「サイズ」を追加します。

これがあなたに役立つことを願っています:)

0