Очень частый вопрос у новичков, как изменить фон у приложения Flutter. Самый простой путь, это указать в свойствах background виджета Scaffold необходимый фон.
//Обязательная строка для всех приложений
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
// Основной экран
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Меняем цвет фона в приложении',
home: new Scaffold(
//Сейчас мы установим цвет фона - красный
backgroundColor: Colors.red,
),
);
}
}
Еще один вариант, который удобно использовать. Если вы вдруг решите изменить цвет фона на всех экранах. Это использование ThemeData в свойствах виджета MaterialApp
MaterialApp(
title: 'Установка цвета фона в начале кода',
theme: ThemeData(scaffoldBackgroundColor: const Colors.green),
home: MyFirstPage(title: 'Установлен цвет фона - зеленый'),
);
Background color контейнера
Есть и более специфические способы, но они тоже иногда имеют место быть: данным кодом мы устанавливаем background контейнера на желтый