Как изменить размер Icon / Icon Button во флаттере?

Question

У меня 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 иконки.когда я добавлю еще значок, он разобьет макет на кирпичи желто-черного цвета.как сделать их меньше?

Вопрос выше для IconButton.как поменять иконку с изображением?вот код:

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

как изменить 'star' с Image.asset?без ссылки на другую ссылку, которая показывает только значок.

Answer 1

Вы можете использовать size свойство для Icon.

Icon(
  Icons.radio_button_checked,
  size: 12,
),

А для IconButton можно использовать

Transform.scale(
  scale: 0.5,
  child: IconButton(
    onPressed: (){},
    icon: new Image.asset("images/IG.png"),
  ),
),

Answer 2

Я собираюсь ответить на мои вопросы, основываясь на всех ответах Суху здесь и основываясь на моем опыте спрашивать дядю 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,),

                        ],

Я использую актив изображения и даю им размер для изменения размера. но это только тупой путь. отличный способ увидеть мр. Менты ответ выше.

2. как поменять иконку с изображением? вот код: Icon(Icons.star, color: Colors.red)

мой ответ с помощью ImageIcon. Это делает изображение как иконку. здесь код.

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

, поскольку я все еще не могу изменить "звезду" на актив изображения, тогда я использовал ImageIcon. Вы также можете изменить размер. добавив "размер" после первого ")".

надеюсь, это поможет вам:)

Answer 3

Для первого вопроса вы можете использовать размерный блок, чтобы содержать IconButton, и если он ломается при добавлении еще, используйте прокрутку или уменьшите ширину и высоту размерного блока относительно дочернего.

new SizedBox(
   height: /*calculate from width and no:of child*/,
   width: /*calculate from width and no:of child*/,
   child: new IconButton(
      padding: new EdgeInsets.all(0.0),
      icon: new Image.asset("images/IG.png"),
      onPressed: null,
   )
)

для второго вопросавы можете использовать AssetImage('icons/heart.png', package: 'my_icons') вы можете сослаться Doc