android 我应该如何处理pixcel设备上的灰色区域?

zbdgwd5y  于 2022-11-03  发布在  Android
关注(0)|答案(1)|浏览(183)

我很抱歉,我从来没有看到或使用过一个实际的设备与Android操作系统,如谷歌pixcel,但我发现,灰色的区域在屏幕上像下面的屏幕截图. * 这是“Pixcel 4 API 30移动的仿真器”从vsCode调用.

我在Pixcel 5模拟器上也发现了这种死区,但我不确定这是否是所有Android操作系统的共同点。最后,我想问一下,我是否应该避免在这里显示一些东西,或者这只是模拟器的问题,不必关心这个?
如果我不得不关心这一领域的开发Flutter,我应该故意分开代码或设计之间的这些设备和其他,因为我通常使用iPhone模拟器和实际的机器,但从来没有见过这个领域,并认为我不需要关心这类领域,并采用了这个问题的顶部裕度.
感谢您发送编修。
添加的代码:

class holder extends ConsumerWidget {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    ref.watch(_modalProvider );
    return Scaffold(
      body: Column(
        children: [
          Container(
            margin: const EdgeInsets.only(bottom: 10),
            // flex: 1,
            child: Container(
              margin: EdgeInsets.only(top: 40),//should I do this to avoid this area?
              width: double.infinity,
              height: 40,
              // color: Colors.grey,
              alignment: Alignment.topLeft,
              child: Image.asset('images/flutter.png'),
            ),
          ),
          Flexible(
            child: ListView(
            scrollDirection: Axis.vertical,
            shrinkWrap: true,
            children: [
              Folders(
                name: "list",
                subTitle: null,
              ),
            ],
          )
          ),
        ],
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.endTop,
      floatingActionButton: Container(
        width: 50.0,
        child: FloatingActionButton(
          backgroundColor: Colors.white,
          child: const Icon(
            Icons.search_sharp,
            color: MyStyle.mainColor,
            ),
          onPressed: () {
              ref.read(_modalProvider.notifier).update((state){
              showTopModalSheet<String?>(context, DumyModal());
            });

          },
        ),
      ),
    );
  }
}
tzxcd3kk

tzxcd3kk1#

该区域在真实的设备中也是可见的,所以你应该考虑到该区域。但是Scaffold小部件会从该点下方开始渲染,所以你不必考虑它。如果你想改变该区域的颜色,你可以

Container(
    decoration: BoxDecoration(color: Color.white),
    child: SafeArea(
           Scaffold:...
        )
)

它对IOS和Android设备的影响也不同,我相信这就是为什么它只在一些设备中可见

相关问题