flutter - 如何制作搜索屏幕 Netflix？

Question

我想制作像 Netflix 这样的搜索屏幕，

为什么搜索屏幕可以透视，我要创建新屏幕的无状态小部件什么的？

标签： flutteruser-interfaceflutter-layout

Answer 1

你有两个选择。

• 您可以使用堆栈小部件。
• 您可以使用 PageRouteBuilder 导航新页面。

我为下面的选项 2 添加了一个示例。

Navigator.of(context).push(
      PageRouteBuilder(
        opaque: false,
        fullscreenDialog: true,
        pageBuilder: (BuildContext context, _, __) {
          return Stack(
            children: <Widget>[
              Container(color: Colors.black38),
              ListView(
                children: [
                  // Search Items..
                ],
              ),
            ],
          );
        },
      ),
    );