1. 为WebView添加加载提示

2. 提交全局navigation

Author: CodeXYu

app/index.js

@@ -11,6 +11,7 @@ import * as rootStore from './store/RootStore';
 
 import SplashScreen from 'react-native-splash-screen';
 import { StoreContext } from './utils/Tool';
+import NavigationModule from './utils/NavigationMoudle';
 
 const navigationPersistenceKey = __DEV__ ? 'NavigationStateDEV' : null;
 let lastBackPressed: number;
@@ -45,6 +46,9 @@ function index() {
         <AuthLoadingRouter
           // persistenceKey={navigationPersistenceKey}
           renderLoadingExperimental={() => <ActivityIndicator size="large" color="black" />}
+          ref={navigatorRef => {
+            NavigationModule.setNavigatorRef(navigatorRef);
+          }}
           onNavigationStateChange={(prevState, currentState) => {
             const AppRouter = currentState.routes[1];
             if (AppRouter.routes && AppRouter.routes.length > 1) {

app/pages/News/Welfare/index_old.js

@@ -19,7 +19,7 @@ import { ActionSheet, Overlay } from 'teaset';
 import { inject } from 'mobx-react';
 
 type Props = {
-  navigate: NavigationState,
+  navigate: NavigationState
 };
 
 @inject('shiTuStore')

app/pages/WebView/index.js

@@ -13,7 +13,7 @@ import ActionButton from 'react-native-action-button';
 import Icon from 'react-native-vector-icons/Ionicons';
 import { Theme } from 'teaset';
 import BaseContainer from '../../components/BaseContainer';
-import { inject } from 'mobx-react';
+import { StoreContext } from '../../utils/Tool';
 
 type Props = {
   uri?: string,
@@ -31,6 +31,7 @@ type State = {
 // @inject('configStore')
 export default class index extends React.Component<Props, State> {
   webView: WebView;
+  static contextType = {};
 
   constructor(props: Props) {
     super(props);
@@ -48,6 +49,11 @@ export default class index extends React.Component<Props, State> {
     };
   }
 
+  componentDidMount(): void {
+    const { configStore } = this.context;
+    configStore.showLoading();
+  }
+
   componentWillUnmount() {
     // this.props.configStore.hideLoading();
     StatusBar.setHidden(false);
@@ -110,14 +116,17 @@ export default class index extends React.Component<Props, State> {
   };
   onLoadEnd = () => {
     console.log('加载结束，成功或失败都会走到这里');
-    // this.props.configStore.hideLoading();
+    const { configStore } = this.context;
+    configStore.hideLoading();
   };
   onLoadStart = () => {
     console.log('开始加载');
-    // this.props.configStore.showLoading();
+    // const {configStore} = this.context;
+    // configStore.showLoading();
   };
   onError = () => {
-    // this.props.configStore.hideLoading();
+    const { configStore } = this.context;
+    configStore.hideLoading();
     Alert.alert(
       '加载失败',
       null,
@@ -208,6 +217,8 @@ export default class index extends React.Component<Props, State> {
   }
 }
 
+index.contextType = StoreContext;
+
 const styles = StyleSheet.create({
   container: {
     flex: 1,

app/utils/NavigationMoudle.js

@@ -0,0 +1,26 @@
+/**
+ * @flow
+ * Created by Rabbit on 2019/04/08.
+ */
+
+import { NavigationActions } from 'react-navigation';
+
+let _navigator;
+
+function setNavigatorRef(navigatorRef) {
+  _navigator = navigatorRef;
+}
+
+function navigate(routeName, params) {
+  _navigator.dispatch(
+    NavigationActions.navigate({
+      routeName,
+      params,
+    })
+  );
+}
+
+export default {
+  navigate,
+  setNavigatorRef,
+};