IOS 和 Android 上的容器高度不同

Question

我的容器设置为高度 (110)，但在 iOS (onlIphoneX) 中，它的高度与 90 的大小相似。如何解决？

在 Android 和 Iphone 之前的版本上，它是完美的。

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:pequeno_form_flutter/ui/app/login/login_block.dart';

class NavigationDrawer extends StatelessWidget {
@override
Widget build(BuildContext context) {
    Color color = Theme.of(context).primaryColor;
    // TODO: implement build
    return Drawer(
      child: ListView(
        // Important: Remove any padding from the ListView.
        padding: EdgeInsets.zero,
        children: <Widget>[
          Container(
            height: 90,
            child: DrawerHeader(
              padding: EdgeInsets.all(0.0),
              decoration: BoxDecoration(
                color: color,
              ),
              child: LoginView(),
            ),
          ),

        ],
      ),
    );
  }
}

IphoneX

高度错误的容器

在 Iphone 8 plus 及更早版本上具有正确高度的容器。

Answer 1

将您的 ListView 包裹在 SafeArea 中，您会看到容器恢复到原来的高度。

SafeArea(child: ListView(...))