Flutter 另一个全屏上的半透明屏幕
我正在尝试创建一个如下所示的屏幕,允许用户在另一个屏幕上显示几个按钮。因此,基本上它将位于另一个屏幕的顶部,可以从顶层屏幕的半透明屏幕上看到。不确定如何创建它以及使用哪个小部件。有人能在这里给我引路吗。我正在尝试使用flutter来创建android和ios应用程序Flutter 另一个全屏上的半透明屏幕,flutter,flutter-layout,Flutter,Flutter Layout,我正在尝试创建一个如下所示的屏幕,允许用户在另一个屏幕上显示几个按钮。因此,基本上它将位于另一个屏幕的顶部,可以从顶层屏幕的半透明屏幕上看到。不确定如何创建它以及使用哪个小部件。有人能在这里给我引路吗。我正在尝试使用flutter来创建android和ios应用程序 您正在这里寻找堆栈小部件,开发您的第一个屏幕和另一个要放在顶部的屏幕。将两者都放入堆栈小部件中,这样一个小部件就可以位于另一个小部件之上 在应该位于顶部的屏幕上,使前半部分透明(可以通过不同的方式实现,其中之一是使用标高为0的卡片)
您正在这里寻找堆栈小部件,开发您的第一个屏幕和另一个要放在顶部的屏幕。将两者都放入堆栈小部件中,这样一个小部件就可以位于另一个小部件之上
在应该位于顶部的屏幕上,使前半部分透明(可以通过不同的方式实现,其中之一是使用标高为0的卡片)。最准确的答案是使用showModalBottomSheet,我们将其从按钮扩展到屏幕中,并将屏幕颜色变暗。示例代码如下所示:
await showModalBottomSheet<void>(
isScrollControlled: true,
context: context,
backgroundColor: Colors.white,
builder: (BuildContext context) {
return Container(width: MediaQuery.of(context).size.width, height: 200);
},
)
等待showModalBottomSheet(
是的,
上下文:上下文,
背景颜色:Colors.white,
生成器:(BuildContext上下文){
返回容器(宽度:MediaQuery.of(context).size.width,高度:200);
},
)
对于当前的答案,您必须自己编写完整的功能,如果已经有一个小部件用于此情况,那么这可能是非常不必要的