Как отрегулировать отступ / размер иконки во флаттере строк - PullRequest
Новая
       13

Как отрегулировать отступ / размер иконки во флаттере строк

0 голосов
/ 23 января 2020

Флаттер - настройка размера иконки I have used multiple widgets to create buttons like containers Я хочу уменьшить размер иконки здесь. Кто-нибудь может подсказать, как настроить размер иконки в ряд с несколькими виджетами. 

    Widget buildFloatingButton() {
        return Container(
          height: 56.0,
          width: MediaQuery.of(context).size.width,
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(10.0),
            image: DecorationImage(
                image: AssetImage("assets/images/btn1.png"), fit: BoxFit.cover),
          ),
          child: FlatButton(
            child: Row(//declared a row
              children: <Widget>[
                SizedBox(width: 16.0,),
                Image.asset("assets/images/video.png"),//icon image
                SizedBox(width: 20.0,),
                Text( //heading text
                  'Random Videos',
                  style: TextStyle(
                    fontSize: 20.0,
                    fontFamily: 'Righteous',
                    fontWeight: FontWeight.bold,
                  ),
                ),

              ],
            ),
            textColor: Colors.white, //setting colors
            color: Colors.transparent,
            shape:
            RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0)),
            onPressed: () {
              print('button pressed');
              Navigator.pop(context);//button action call back
            },
          ),
        );
      }

1 Ответ

1 голос
/ 23 января 2020

Поместите height and width в ваш Image.asset виджет и уменьшите / измените размер согласно вашему требованию 

Widget buildFloatingButton() {
        return Container(
          height: 56.0,
          width: MediaQuery.of(context).size.width,
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(10.0),
            image: DecorationImage(
                image: AssetImage("assets/images/btn1.png"), fit: BoxFit.cover),
          ),
          child: FlatButton(
            child: Row(//declared a row
              children: <Widget>[
                SizedBox(width: 16.0,),
                Image.asset("assets/images/video.png",height: value,,width: value),//icon image
                SizedBox(width: 20.0,),
                Text( //heading text
                  'Random Videos',
                  style: TextStyle(
                    fontSize: 20.0,
                    fontFamily: 'Righteous',
                    fontWeight: FontWeight.bold,
                  ),
                ),

              ],
            ),
            textColor: Colors.white, //setting colors
            color: Colors.transparent,
            shape:
            RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0)),
            onPressed: () {
              print('button pressed');
              Navigator.pop(context);//button action call back
            },
          ),
        );
      }
...