Как сделать несколько значков на панели приложений с разным выравниванием?

Question

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

Answer 1

Вам нужно использовать actions вместо title

actions: <Widget>[
          Image.asset('images/logoapp.png',fit: BoxFit.contain,height: 32,), 
              Container(padding: const EdgeInsets.all(8.0), child: Text('Solid Shop')),

          Image.asset('images/logoapp.png',fit: BoxFit.contain,height: 32,), // here add notification icon
              Container(padding: const EdgeInsets.all(8.0), child: Text('Solid Shop')) // here add other icon
        ],

Answer 2

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text("Solid Shop"),
      leading: Image.asset("your_image_asset"),
      actions: <Widget>[
        IconButton(icon: Icon(Icons.shopping_cart), onPressed: () {}),
        IconButton(icon: Icon(Icons.message), onPressed: () {}),
      ],
    ),
  );
}

Answer 3

Используйте leading для установки виджета перед заголовком appBar и используйте actions для указания списка виджетов в appBar, который появляется справа от заголовка appBar.

AppBar(
    leading: Image.asset('yourImage'), // you can put Icon as well, it accepts any widget.
    title: Text ("Your Title"),
    actions: [
        Icon(Icons.add),
        Icon(Icons.add),
    ],
);

Подробнее об этом здесь