Как увеличить размер ведущей иконки с флаттера AppBar - PullRequest
0 голосов
/ 16 апреля 2020

Я ищу способ увеличить размер ведущей панели приложений Icon. Ниже приведен мой код:

appBar: PreferredSize(
              preferredSize: Size.fromHeight(120.0),
              child: AppBar(
                leading: SizedBox(
                  width: 200,
                height: 200,
                child: IconButton(
                  padding: new EdgeInsets.all(0.0),
                  icon: Image.asset('assets/app_logo.png', height: 700.0, width: 700.0,)
                  ,
                )),
            centerTitle: true,
            actions: <Widget>[
              IconButton(
                  icon: Image.asset('assets/path.png'))
            ],
            bottom: TabBar(
                labelColor: Colors.white,
                indicatorColor: Colors.lime,

                tabs:[
                  Tab(icon: null,text: 'RECENT',),
                  Tab(icon: null, text: 'TOPICS',),
                  Tab(icon: null, text: 'AUTHORS',),
                ]
            ),
          )

Из приведенного выше кода, в частности, размер, который я реализовал ниже, но он не может работать:

child: AppBar(
                    leading: SizedBox(
                      width: 200,
                    height: 200,
                    child: IconButton(
                      padding: new EdgeInsets.all(0.0),
                      icon: Image.asset('assets/app_logo.png', height: 700.0, width: 700.0,)
                      ,
                    )),

My цель состоит в том, чтобы увеличить правую верхнюю иконку еще больше, но она не увеличивает ее размер.

Снимок экрана выглядит следующим образом:

enter image description here

1 Ответ

1 голос
/ 16 апреля 2020

Вы можете увеличить размер значка, обернув IconButton значением Transform.scale и передав значение scale как 2, в зависимости от того, насколько большим должен быть значок. Рабочий пример кода ниже:

centerTitle: true,
                actions: <Widget>[
                  Transform.scale(
                    scale: 2,
                    child: IconButton(
                        icon: Image.asset('assets/placeholder.png'))
                  ),

                ],

Это увеличивает размер верхнего правого значка в панели приложений, как:

enter image description here

Вы может настроить масштаб в соответствии с вашими потребностями, а также может применить те же изменения к верхнему левому значку.

Надеюсь, что это ответ на ваш вопрос.

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