Блог

Вот чего я хочу добиться:

Это то, что у меня есть сейчас:

   @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      body: ListView(
        children: [
          Image.asset(
            'assets/images/videosbg.png',
            fit: BoxFit.cover,
            height: 300,
            width: double.infinity,
          ),
          ...
        ],
      ),
    );
  }
  

Я не хочу удалять строку состояния или изменять ее цвет, поэтому systemChrome у меня не работал.

Как разместить тело каркаса за строкой состояния, а не ниже? Нужно ли мне как-то удалить верхнюю часть строки состояния?

ListView имеет свойство заполнения, установите для него значение EdgeInsets.zero

   @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      body: ListView(
        padding: EdgeInsets.zero,
        children: [
          Image.asset(
            'assets/images/videosbg.png',
            fit: BoxFit.cover,
            height: 300,
            width: double.infinity,
          ),
          ...
        ],
      ),
    );
  }
  

К вашему СВЕДЕНИЮ https://github.com/flutter/flutter/issues/14842

Я попытался поместить systemChrome с прозрачным цветом в функцию main () перед запуском MaterialApp

 SystemChrome.setSystemUIOverlayStyle(
  SystemUiOverlayStyle(statusBarColor: Colors.transparent),
);
  

и я смог воспроизвести то, что вы ищете

Для Android ДА

SystemChrome используется для настройки прозрачности панели. Этот класс предоставляет setSystemUIOverlayStyle метод, и вы можете использовать его следующим образом:

 import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main(){
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor: Colors.transparent,
  ));
  runApp(MyApp());
}