flutter - Navigator 上的 Flutter Provider 注入多个对象

Question

Flutter 的新手，我的应用程序顶部有 Provider 类事件。有什么方法可以在 Navigator 构建器中注入多个对象，例如 MapBox(events.itmaps, events.maps)？

class Events {
  final String site, fb, itmaps, maps;
  Events({this.site, this.fb, this.itmaps, this.maps});
}

void main() {
  final events = Events();
  runApp(
    Provider<Events>.value(
      value: events,
      child: MyApp(),
    ),
  );
}

onPressed: () {
  Navigator.of(context).push(
    MaterialPageRoute(
       builder: (context) => MapBox(events.itmaps),
      ),
    );
  }

Answer 1

据我了解，您有一些概念上的误解！我将描述两种情况，希望其中一种符合您的要求。

使用 MultiProvider 注入许多 Dependencies(Classes/Objects/Stores)
正如https://pub.dev/packages/provider所描述的那样：

MultiProvider(
  providers: [
    Provider<Something>(create: (_) => Something()),
    Provider<SomethingElse>(create: (_) => SomethingElse()),
    Provider<AnotherThing>(create: (_) => AnotherThing()),
  ],
  child: someWidget,
)

将参数/道具传递给小部件

尽管您使用了描述和关键字，但通过查看您的代码，我可以猜测您想要将第二个或更多输入/参数/道具传递给您的屏幕小部件。每个小部件输入都是一个类构造函数参数。因此，您只需在MapBox类的构造函数中声明所需的参数。

class MapBox extends StatelessWidget {

    EventModel firstInput;
    OtherEventModel secondInput;

    MapBox(this.firstInput, this.secondInput);

    .
    .
    .
}