Строка состояния в приложении Android предоставляет пользователям важную информацию, такую ​​как состояние батареи, подключение к сети и время. По умолчанию строка состояния имеет сплошной цвет, но вы можете сделать ее прозрачной, чтобы обеспечить более захватывающий опыт работы с приложением. В этой статье мы рассмотрим пять различных способов сделать строку состояния прозрачной во Flutter для Android, а также приведем примеры кода для каждого метода.

Метод 1. Использование класса SystemChrome

import 'package:flutter/services.dart';
void main() {
  SystemChrome.setSystemUIOverlayStyle(
    SystemUiOverlayStyle(statusBarColor: Colors.transparent),
  );
  runApp(MyApp());
}

Метод 2: использование виджета AnnotatedRegion

import 'package:flutter/services.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(
      SystemUiOverlayStyle(statusBarColor: Colors.transparent),
    );

    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: SystemUiOverlayStyle(statusBarColor: Colors.transparent),
      child: MaterialApp(
        home: MyHomePage(),
      ),
    );
  }
}

Метод 3: использование плагина FlutterStatusbarcolor

import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart';
void main() async {
  await FlutterStatusbarcolor.setStatusBarColor(Colors.transparent);
  runApp(MyApp());
}

Метод 4: использование плагина FlutterWindowUtils

import 'package:flutter_window_utils/flutter_window_utils.dart';
void main() async {
  await FlutterWindowUtils.setStatusBarColor(Colors.transparent);
  runApp(MyApp());
}

Метод 5. Использование метода SystemChrome.setPreferredOrientations

import 'package:flutter/services.dart';
void main() {
  SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
  SystemChrome.setSystemUIOverlayStyle(
    SystemUiOverlayStyle(statusBarColor: Colors.transparent),
  );
  runApp(MyApp());
}

В этой статье мы рассмотрели пять различных способов сделать строку состояния прозрачной во Flutter для Android. Используя класс SystemChrome, виджет AnnotatedRegion, плагин FlutterStatusbarcolor, плагин FlutterWindowUtils или метод SystemChrome.setPreferredOrientations, вы можете добиться прозрачной строки состояния и создать более захватывающий пользовательский интерфейс в ваших приложениях Flutter.