react-native-navigation的迁移库

Screen.js 4.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. /*eslint-disable*/
  2. import React, {Component} from 'react';
  3. import {
  4. NativeAppEventEmitter,
  5. DeviceEventEmitter,
  6. Platform
  7. } from 'react-native';
  8. import platformSpecific from './deprecated/platformSpecificDeprecated';
  9. import Navigation from './Navigation';
  10. const NavigationSpecific = {
  11. push: platformSpecific.navigatorPush,
  12. pop: platformSpecific.navigatorPop,
  13. popToRoot: platformSpecific.navigatorPopToRoot,
  14. resetTo: platformSpecific.navigatorResetTo
  15. };
  16. class Navigator {
  17. constructor(navigatorID, navigatorEventID, screenInstanceID) {
  18. this.navigatorID = navigatorID;
  19. this.screenInstanceID = screenInstanceID;
  20. this.navigatorEventID = navigatorEventID;
  21. this.navigatorEventHandler = null;
  22. this.navigatorEventSubscription = null;
  23. }
  24. push(params = {}) {
  25. return NavigationSpecific.push(this, params);
  26. }
  27. pop(params = {}) {
  28. return NavigationSpecific.pop(this, params);
  29. }
  30. popToRoot(params = {}) {
  31. return NavigationSpecific.popToRoot(this, params);
  32. }
  33. resetTo(params = {}) {
  34. return NavigationSpecific.resetTo(this, params);
  35. }
  36. showModal(params = {}) {
  37. return Navigation.showModal(params);
  38. }
  39. showLightBox(params = {}) {
  40. return Navigation.showLightBox(params);
  41. }
  42. dismissModal(params = {}) {
  43. return Navigation.dismissModal(params);
  44. }
  45. dismissAllModals(params = {}) {
  46. return Navigation.dismissAllModals(params);
  47. }
  48. showLightBox(params = {}) {
  49. return Navigation.showLightBox(params);
  50. }
  51. dismissLightBox(params = {}) {
  52. return Navigation.dismissLightBox(params);
  53. }
  54. showInAppNotification(params = {}) {
  55. return Navigation.showInAppNotification(params);
  56. }
  57. dismissInAppNotification(params = {}) {
  58. return Navigation.dismissInAppNotification(params);
  59. }
  60. setButtons(params = {}) {
  61. return platformSpecific.navigatorSetButtons(this, this.navigatorEventID, params);
  62. }
  63. setTitle(params = {}) {
  64. return platformSpecific.navigatorSetTitle(this, params);
  65. }
  66. setSubTitle(params = {}) {
  67. return platformSpecific.navigatorSetSubtitle(this, params);
  68. }
  69. setTitleImage(params = {}) {
  70. return platformSpecific.navigatorSetTitleImage(this, params);
  71. }
  72. setStyle(params = {}) {
  73. return platformSpecific.navigatorSetStyle(this, params);
  74. }
  75. toggleDrawer(params = {}) {
  76. return platformSpecific.navigatorToggleDrawer(this, params);
  77. }
  78. setDrawerEnabled(params = {}) {
  79. return platformSpecific.navigatorSetDrawerEnabled(this, params);
  80. }
  81. toggleTabs(params = {}) {
  82. return platformSpecific.navigatorToggleTabs(this, params);
  83. }
  84. toggleNavBar(params = {}) {
  85. return platformSpecific.navigatorToggleNavBar(this, params);
  86. }
  87. setTabBadge(params = {}) {
  88. return platformSpecific.navigatorSetTabBadge(this, params);
  89. }
  90. setTabButton(params = {}) {
  91. return platformSpecific.navigatorSetTabButton(this, params);
  92. }
  93. switchToTab(params = {}) {
  94. return platformSpecific.navigatorSwitchToTab(this, params);
  95. }
  96. switchToTopTab(params = {}) {
  97. return platformSpecific.navigatorSwitchToTopTab(this, params);
  98. }
  99. showSnackbar(params = {}) {
  100. return platformSpecific.showSnackbar(params);
  101. }
  102. dismissSnackbar() {
  103. return platformSpecific.dismissSnackbar();
  104. }
  105. showContextualMenu(params, onButtonPressed) {
  106. return platformSpecific.showContextualMenu(this, params, onButtonPressed);
  107. }
  108. dismissContextualMenu() {
  109. return platformSpecific.dismissContextualMenu();
  110. }
  111. setOnNavigatorEvent(callback) {
  112. this.navigatorEventHandler = callback;
  113. if (!this.navigatorEventSubscription) {
  114. let Emitter = Platform.OS === 'android' ? DeviceEventEmitter : NativeAppEventEmitter;
  115. this.navigatorEventSubscription = Emitter.addListener(this.navigatorEventID, (event) => this.onNavigatorEvent(event));
  116. Navigation.setEventHandler(this.navigatorEventID, (event) => this.onNavigatorEvent(event));
  117. }
  118. }
  119. handleDeepLink(params = {}) {
  120. Navigation.handleDeepLink(params);
  121. }
  122. onNavigatorEvent(event) {
  123. if (this.navigatorEventHandler) {
  124. this.navigatorEventHandler(event);
  125. }
  126. }
  127. cleanup() {
  128. if (this.navigatorEventSubscription) {
  129. this.navigatorEventSubscription.remove();
  130. Navigation.clearEventHandler(this.navigatorEventID);
  131. }
  132. }
  133. }
  134. export default class Screen extends Component {
  135. static navigatorStyle = {};
  136. static navigatorButtons = {};
  137. constructor(props) {
  138. super(props);
  139. if (props.navigatorID) {
  140. this.navigator = new Navigator(props.navigatorID, props.navigatorEventID, props.screenInstanceID);
  141. }
  142. }
  143. componentWillUnmount() {
  144. if (this.navigator) {
  145. this.navigator.cleanup();
  146. this.navigator = undefined;
  147. }
  148. }
  149. }