Название AppBar с трепетом изображения

Question

У меня есть прикрепленная панель приложений, и я хочу добавить изображение рядом с заголовком, а не в действии. Значок, только изображение, как я могу справиться с этим?

appBar: AppBar(
            title: Text('Title'),
            actions: <Widget>[
              new IconButton(
                icon: new Icon(Icons.refresh),
                onPressed: () {
                  setState(
                    () {
                      widget.athkarCategory.reset();
                    },
                  );
                },
              ),
            ],
          ),

Answer 1

Свойство title AppBar принимает Widget, что означает любую их комбинацию.

Так, например, если вам нужно изображение рядом с заголовком, вы можете просто обернуть его в виджете Row и затем добавьте Image рядом с Text, который будет содержать ваш заголовок.

Вот пример кода того, что вы пытаетесь выполнить sh: https://dartpad.dev/b6409e10de32b280b8938aa75364fa7b

Соответствующие части кода:

      appBar: AppBar(
        title: Row(
          children: <Widget>[
            Text(widget.title),
            Image.network("https://i.ytimg.com/vi/Uk1RPEQI8mI/maxresdefault.jpg", width: 50, height:50)
          ],
        ),
      ),

Answer 2

Название AppBar занимает виджет. Таким образом, вы можете настроить заголовок панели приложения так, как вы хотите.

Пример:

AppBar(
        title: Container(
          child: Row(
            children: <Widget>[
              Text('Title With Image'),
              Icon(Icons.refresh),
            ],
          ),
        ),
      )

Answer 3

Вы также можете использовать leading

     AppBar(leading: IconButton(
         icon: Icon(Icons.arrow_back_ios),
         iconSize: 20.0,
         onPressed: () { 
            //you can call a function here
                      }),
                    centerTitle: true,
                    title: Text("Your title"),)

Answer 4

Вы можете использовать это:

AppBar(
    leading: IconButton(
      icon: Icon(
        Icons.arrow_back,
        color: Color(0xff6D6E70),
      ),
      onPressed: () {
        Navigator.pop(context);
      },
    ),
    title: Row(children: <Widget> [
          Text(
      "Title".toUpperCase(),
      style: TextStyle(
        color: Color(0xff6D6E70),
      ),
    ),
      Icon(Icons.save),
    ]),
    actions: <Widget>[
      Center(
        child: Wrap(
          spacing: 4,
          children: <Widget>[
            Icon(
             Icons.satellite, //Refresh Icon
            ),
            Container(
              padding: const EdgeInsets.only(right: 10),
              margin: const EdgeInsets.only(top: 2.5),
              child: Text(
                "25",
              ),
            ) //This container is to add further text like showing an icon and then showing test
          ],
        ),
      )
    ],
  ),