如何将参数从数据 table 传递到 flutter 中的模态

Question

我正在尝试从数据 table 传递参数并将值推送到 flutter web 项目中的模态。我尝试阅读一些主题，但我正在努力寻找解决方案。这是我如何尝试将数据传递给模态，我认为这是不正确的！-但我是新手。当我路由到页面而不是模式时，该解决方案对我有用。

previewEstate(element) {
  showDialog(
    context: context,
    barrierDismissible: true,
    builder: (BuildContext context) {
      return PreviewEstateModal();
      // Navigator.pushReplacement(
      //   context,
      //   PageRouteBuilder(
      //     pageBuilder: (_, __, ___) => PreviewEstateModal(),
      //     transitionDuration: Duration(seconds: 0),
      //     settings: RouteSettings(arguments: element),
      //   ),
      // );
    },
  );
}

如果我路由到该页面，即能够接收路由设置参数，我的代码的注释部分将起作用，但我想通过使用模式来执行此操作。 我哪里做错了？

Answer 1

您可以尝试使用以下代码

previewEstate(element) {
  showDialog(
    context: context,
    barrierDismissible: true,
    builder: (BuildContext context) {
      return PreviewEstateModal(estate: element); // here you pass the arguments
      
    },
  );
}

在你的PreviewEstateModal中，初始化参数(EstateSearch)

class PreviewEstateModal extends StatelessWidget {
  final EstateSearch estate;

  PreviewEstateModal({this.estate});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: Text(
          '${estate}',/// initilize estate property
        ),
      ),
    );
  }
}

如何将参数从数据 table 传递到 flutter 中的模态

How to pass an argument from a data table to a modal in flutter

dart

flutter

flutter-web