react-native-navigation的迁移库

Navigation.js 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. const NativeCommandsSender = require('./adapters/NativeCommandsSender');
  2. const NativeEventsReceiver = require('./adapters/NativeEventsReceiver');
  3. const UniqueIdProvider = require('./adapters/UniqueIdProvider');
  4. const Store = require('./containers/Store');
  5. const ContainerRegistry = require('./containers/ContainerRegistry');
  6. const Commands = require('./commands/Commands');
  7. const LayoutTreeParser = require('./commands/LayoutTreeParser');
  8. const LayoutTreeCrawler = require('./commands/LayoutTreeCrawler');
  9. const PrivateEventsListener = require('./events/PrivateEventsListener');
  10. const PublicEventsRegistry = require('./events/PublicEventsRegistry');
  11. const Element = require('./adapters/Element');
  12. const Root = require('./params/Root');
  13. const NavigationOptions = require('./params/NavigationOptions');
  14. /** @constructor */
  15. class Navigation {
  16. constructor() {
  17. this.store = new Store();
  18. this.nativeEventsReceiver = new NativeEventsReceiver();
  19. this.uniqueIdProvider = new UniqueIdProvider();
  20. this.containerRegistry = new ContainerRegistry(this.store);
  21. this.layoutTreeParser = new LayoutTreeParser();
  22. this.layoutTreeCrawler = new LayoutTreeCrawler(this.uniqueIdProvider, this.store);
  23. this.nativeCommandsSender = new NativeCommandsSender();
  24. this.commands = new Commands(this.nativeCommandsSender, this.layoutTreeParser, this.layoutTreeCrawler);
  25. this.publicEventsRegistry = new PublicEventsRegistry(this.nativeEventsReceiver);
  26. this.privateEventsListener = new PrivateEventsListener(this.nativeEventsReceiver, this.store);
  27. this.privateEventsListener.listenAndHandlePrivateEvents();
  28. this.Element = Element;
  29. }
  30. /**
  31. * Every screen component in your app must be registered with a unique name. The component itself is a traditional React component extending React.Component.
  32. * @param {string} containerName Unique container name
  33. * @param {function} getContainerFunc generator function, typically `() => require('./myContainer')`
  34. */
  35. registerContainer(containerName, getContainerFunc) {
  36. this.containerRegistry.registerContainer(containerName, getContainerFunc);
  37. }
  38. /**
  39. * Reset the navigation stack to a new screen (the stack root is changed).
  40. * @param {Root} root
  41. */
  42. setRoot(params) {
  43. return this.commands.setRoot(new Root(params));
  44. }
  45. setDefaultOptions(options) {
  46. this.commands.setDefaultOptions(options);
  47. }
  48. /**
  49. * Change a containers navigation options
  50. * @param {string} containerId Unique container name
  51. * @param {NavigationOptions} options
  52. */
  53. setOptions(containerId, options) {
  54. this.commands.setOptions(containerId, new NavigationOptions(options));
  55. }
  56. showModal(params) {
  57. return this.commands.showModal(params);
  58. }
  59. dismissModal(containerId) {
  60. return this.commands.dismissModal(containerId);
  61. }
  62. dismissAllModals() {
  63. return this.commands.dismissAllModals();
  64. }
  65. push(onContainerId, params) {
  66. return this.commands.push(onContainerId, params);
  67. }
  68. pop(containerId, params) {
  69. return this.commands.pop(containerId, params);
  70. }
  71. popTo(containerId) {
  72. return this.commands.popTo(containerId);
  73. }
  74. popToRoot(containerId) {
  75. return this.commands.popToRoot(containerId);
  76. }
  77. events() {
  78. return this.publicEventsRegistry;
  79. }
  80. showOverlay(type, options) {
  81. return this.commands.showOverlay(type, options);
  82. }
  83. dismissOverlay() {
  84. return this.commands.dismissOverlay();
  85. }
  86. }
  87. const singleton = new Navigation();
  88. module.exports = singleton;