Как изменить цвет кнопки назад панели приложения

Я не могу понять, как изменить кнопку автоматического возврата в AppBar на другой цвет. его под эшафотом, и я попытался его исследовать, но я наклоняю голову вокруг него.

return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white,
        title: Image.asset(
          'images/.jpg',
          fit: BoxFit.fill,
        ),
        centerTitle: true,
      ),

Ответы

Ответ 1

Вы должны использовать свойство iconTheme из панели приложения, например:

  appBar: AppBar(
          iconTheme: IconThemeData(
            color: Colors.black, //change your color here
          ),
          title: Text("Sample"),
          centerTitle: true,
        ),
        body: Text("Sample body"),
      );

Или если вы хотите обработать кнопку возврата самостоятельно.

      appBar: AppBar(
               leading: new IconButton(
               icon: new Icon(Icons.arrow_back, color: Colors.black),
               onPressed: () => Navigator.of(context).pop(),
              ), 
              title: Text("Sample"),
              centerTitle: true,
            ),
            body: Text("Sample body"),

Ответ 2

вы также можете переопределить обратную стрелку по умолчанию с помощью виджета по вашему выбору через "ведущий":

leading: new IconButton(
  icon: new Icon(Icons.arrow_back, color: Colors.orange),
  onPressed: () => Navigator.of(context).pop(),
),

все виджет AppBar делает это "ведущим" виджем по умолчанию, если он не установлен.

Ответ 3

Казалось, что проще просто создать новую кнопку и добавить к ней цвет, вот как я сделал это для тех, кто задавался вопросом

Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: BackButton(
            color: Colors.black
        ),