我很抱歉,我从来没有看到或使用过一个实际的设备与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());
});
},
),
),
);
}
}
1条答案
按热度按时间tzxcd3kk1#
该区域在真实的设备中也是可见的,所以你应该考虑到该区域。但是
Scaffold
小部件会从该点下方开始渲染,所以你不必考虑它。如果你想改变该区域的颜色,你可以它对IOS和Android设备的影响也不同,我相信这就是为什么它只在一些设备中可见