Flutter：使用 Navigator pushNamed 将参数称为对象

Question

我正在使用带有路由器的 MaterialApp 导航到下一个屏幕，我正在使用它导航到另一个屏幕并传递参数：

onTap: () => Navigator.of(context).pushNamed(
                                DetailDebt.routedName,
                                arguments: {
                                  'receiverName': debtListView.receiverName,
                                  'amount': debtListView.amount,
                                  'dateReturn': debtListView.dateReturn,
                                  'pathImage': debtListView.imageReceiver,
                                  'signatureImage': debtListView.imageSignature,
                                },
                              ),

在下一个屏幕中，我将创建变量来存储这样的参数：

final Map arguments = ModalRoute.of(context).settings.arguments as Map;
  return Scaffold(
      body: Container(
        child: Text(
          arguments['receiverName'],
        ),
      ),
    );

我的问题是，如何将参数存储在变量中，然后我可以这样称呼它：

// I want Store the Arguments in the variable , so i can call it something like this  : 
final Map arguments = ModalRoute.of(context).settings.arguments as Map;
final loadedArguments = arguments; // <= ???
  return Scaffold(
      body: Container(
        child: Text(
          loadedArguments.receiverName,
        ),
      ),
    );

如果你需要，它就是我的模特：

import 'dart:typed_data';

import 'package:hive/hive.dart';
part 'debt_model_hive.g.dart';

@HiveType()
class DebtModelHive extends HiveObject {
  @HiveField(0)
  String receiverName;
  @HiveField(1)
  int amount;
  @HiveField(2)
  DateTime dateReturn;
  @HiveField(3)
  String imageReceiver;
  @HiveField(4)
  Uint8List imageSignature;

  DebtModelHive({
    this.receiverName,
    this.amount,
    this.dateReturn,
    this.imageReceiver,
    this.imageSignature,
  });
  // Hive fields go here
}

谢谢

Answer 1

我将向您展示一个如何将参数传递给您的页面的简单示例。在这里，我推送一个新的命名路由，参数中包含 int 值：

onPressed: () {
  Navigator.of(context).pushNamed('my_route', arguments: 100);
},

在我的MaterialApp 中，我设置了onGenerateRoute 参数以生成具有给定参数的新路由：

onGenerateRoute: (settings) {
  switch (settings.name) {
    case 'my_route': return MaterialPageRoute(
      builder: (context) => HomePage(settings.arguments as int), // passing arguments
      settings: settings,
    );
    default: throw Exception('Unknown route');
  }
},

现在我可以访问 build 方法内部的值了：

class HomePage extends StatefulWidget {
  final int arguments;

  HomePage(this.arguments, {Key key}) : super(key: key);

  @override
  State<StatefulWidget> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  int value;

  @override
  void initState() {
    super.initState();

    value = widget.arguments;
  }

  @override
  Widget build(BuildContext context) {
    return Text('Value from arguments: ${widget.arguments}');
  }
}

或者，您可以在initState 中设置路由参数的值，如下所示：

  int value;

  @override
  void initState() {
    super.initState();

    WidgetsBinding.instance.addPostFrameCallback((_) {
      setState(() {
        value = ModalRoute.of(this.context).settings?.arguments;
      });
      print('setting value from route arguments');
    });
  }

不过，它很脏，我不建议这样做。