Flutter 颤振容器底部中心在堆叠中对齐,底部未完全对齐?

Flutter 颤振容器底部中心在堆叠中对齐,底部未完全对齐?,flutter,dart,Flutter,Dart,请参见下面的代码示例和屏幕截图。我有一个300x300窗口(黄色容器),我想在底部有一个状态栏,但状态栏底部有时有一个像素,显示黄色背景(下面红色圆圈) 这种情况并不总是发生,它取决于浏览器的窗口大小。您必须调整浏览器窗口的大小才能看到它发生(而不是发生)。似乎有50%的时间是这样的。我猜这是颤振SDK中的舍入错误 有没有其他人经历过这种情况,或者知道这种工作环境 import 'package:flutter/material.dart'; void main() { runApp(My

请参见下面的代码示例和屏幕截图。我有一个300x300窗口(黄色容器),我想在底部有一个状态栏,但状态栏底部有时有一个像素,显示黄色背景(下面红色圆圈)

这种情况并不总是发生,它取决于浏览器的窗口大小。您必须调整浏览器窗口的大小才能看到它发生(而不是发生)。似乎有50%的时间是这样的。我猜这是颤振SDK中的舍入错误

有没有其他人经历过这种情况,或者知道这种工作环境

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Container(
            decoration: BoxDecoration(
              color: Colors.black,
            ),
            child: Center(
              child: Container(
                  height: 300,
                  width: 300,
                  child: Stack(children: [
                    Container(color: Colors.yellow),
                    Align(
                        alignment: Alignment.bottomCenter,
                        child: SizedBox(
                            height: 50,
                            child: Container(
                              color: Colors.grey.shade900,
                            )))
                  ])),
            )));
  }
}

这真奇怪!这将产生您想要的行为,尽管我建议在颤振回购中打开一个问题,因为这肯定只是一个解决方法

导入“包装:颤振/材料.省道”;
void main(){
runApp(MyApp());
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
家庭:集装箱(
装饰:盒子装饰(
颜色:颜色,黑色,
),
儿童:中心(
子:容器(
身高:300,
宽度:300,
子:堆栈(
儿童:[
容器(颜色:颜色。黄色),
定位(
底部:-1,
子:容器(
身高:51,
宽度:300,
颜色:Colors.grey.shade900,
),
),
],
),
),
),
),
);
}
}
我发现,在调整窗口大小时,这仍然会在侧面留下黄色,下面只使用列而不是堆栈。不确定它是否适用于您的用例,但它完全避免了这个问题:

导入“包装:颤振/材料.省道”;
void main(){
runApp(MyApp());
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
家庭:集装箱(
装饰:盒子装饰(
颜色:颜色,黑色,
),
儿童:中心(
子:容器(
身高:300,
宽度:300,
子:列(
儿童:[
容器(
颜色:颜色,黄色,
身高:250,
宽度:300,
),
容器(
身高:50,
宽度:300,
颜色:Colors.grey.shade900,
),
],
),
),
),
),
);
}
}

当您面对此问题时,窗口的高度是多少?@nisarthreddy-它出现在各种大小。在所附图片中,使用MediaQuery.of(context.size)返回的窗口大小为562x425。报告给Flatter:感谢您的建议。这个专栏适用于这个例子,但我在现实生活中是如何使用它的,我在窗口中有一个底部栏半透明的视频。因此,您可以通过底部栏查看视频。如果我使用一个列,视频将在底部栏开始的地方结束,这就是我现在想要的:(@TerenceD完全理解,这里肯定有一个有趣的问题。希望有人能够解决它!