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

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

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

Код для указания белого фона для AppBar

AppBarTheme(
	color: Colors.white, // Тут указываем нужный цвет фона по умолчанию
)

Код для указания чёрного текста заголовка

TextTheme(
  title: TextStyle(
	color: Colors.black // Тут указываем нужный цвет текст по умолчанию
  )
)

Полный код приложения

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My App',
	 
      theme: new ThemeData(
        // Тут мы создаём новый объект темы AppBar
        appBarTheme: AppBarTheme(
          color: Colors.white, // Тут указываем нужный цвет фона по умолчанию
        ),
		// Тут мы создаём новый объект темы primaryTextTheme  
        primaryTextTheme: TextTheme(
          title: TextStyle(
            color: Colors.black  // Тут указываем нужный цвет текст по умолчанию
          )
        )
      ), 

      home: Scaffold(
        appBar: AppBar(
          title: Text('Текст заголовка'),
        ),
        body: Center(
          child: Text('Содержимое приложения'),
        ),
      ),
    );
  }
}

Поделиться:

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