Про web-разработку
Для программистов, фрилансеров, предпринимателей
Инструменты

Как во Flutter установить цвет кнопки "назад" для AppBar.

Иногда надо фон для AppBar сделать белым, и тогда кнопку "назад", которая по умолчанию тоже белая, становится не видно. Соответственно появляется задача заменить цвет иконки на любой другой. Это мы можем указать в теме приложения.

Код для указания цвета иконок для AppBar

IconThemeData(
  color: Colors.black, // установка цвета для иконок AppBar
)

Пример использования кода в приложении

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(

      // ...

      theme: new ThemeData(
        // Тут мы создаём новый объект темы AppBar
        appBarTheme: AppBarTheme(
          color: Colors.white, // Тут указываем нужный цвет фона по умолчанию - белый
          IconThemeData(
            color: Colors.black, // установка цвета для иконок AppBar - чёрный
          )
        ),
		// Тут мы создаём новый объект темы primaryTextTheme  
        primaryTextTheme: TextTheme(
          title: TextStyle(
            color: Colors.black  // Тут указываем нужный цвет текст по умолчанию - чёрный
          )
        )
      ), 

      // ...

    );
  }
}

Поделиться:

Как во Flutter установить цвет кнопки
Как во Flutter установить цвет кнопки "назад" для AppBar.