ios - 容器在 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 及更早版本上具有正确高度的容器。

标签： iosandroid-studiodartflutteriphone-x

Answer 1

包裹你ListView，SafeArea你会看到容器恢复到原来的高度。

SafeArea(child: ListView(...))