flutter - 如何从 flutter 中的模态底部工作表获取数据？

Question

我正在制作表格屏幕。

过程是

按钮点击

显示底部

用户输入他们的名字 => 单击确定按钮

TEXT 将被用户名更改

我想从模态底部工作表小部件获取数据
但不知道如何
这是我的第二个过程代码

InkWell(
  onTap: () {
    showCupertinoModalBottomSheet(
        context: context,
        builder: (context, scrollController) =>
            RequestNameScreen());
    
  },
...

我怎样才能从底部工作表中获得“姓名”？

Answer 1

什么 showModalBottomSheet()内部是 - 它将新路由推送到堆栈上。因此，您可以像从屏幕(路由)获取数据一样从底部工作表获取数据。

String username = "TEXT";

InkWell(
  onTap: () {
    showCupertinoModalBottomSheet(
        context: context,
        builder: (context, scrollController) =>
            RequestNameScreen()
    ).then((value){
      setState((){
        username = value;
      });
    });
    
  },
...

当你 pop确定按钮上的工作表( RequestNameScreen() )，您可以像这样传递用户提供的文本。

Navigator.pop(context, "text from user");