fix: 在开发模式下添加polyfill，为react-router-native的Link组件修正propTypes定义错误的问题。

Author: 徐远翔

packages/umi-preset-react-native/src/index.ts

@@ -5,6 +5,7 @@ export default function () {
       require.resolve('./plugins/features/haul'),
       require.resolve('./plugins/features/reactNative'),
       require.resolve('./plugins/generateFiles/react-native/exports'),
+      require.resolve('./plugins/generateFiles/react-native/globals'),
       require.resolve('./plugins/generateFiles/react-native/loading'),
       require.resolve('./plugins/generateFiles/react-native/polyfill'),
       require.resolve('./plugins/generateFiles/react-native/routes'),

packages/umi-preset-react-native/src/plugins/generateFiles/react-native/globals.ts

@@ -0,0 +1,37 @@
+import { IApi } from 'umi';
+
+const TPL = `{{{ globals }}}
+
+`;
+
+export default (api: IApi) => {
+  const {
+    utils: { Mustache, lodash },
+  } = api;
+  api.addPolyfillImports(() => {
+    if (lodash.isPlainObject(api.config.define) && !lodash.isEmpty(api.config.define)) {
+      return [
+        {
+          source: './react-native/globals',
+        },
+      ];
+    }
+    return [];
+  });
+  api.onGenerateFiles(() => {
+    if (lodash.isPlainObject(api.config.define) && !lodash.isEmpty(api.config.define)) {
+      api.writeTmpFile({
+        path: 'react-native/globals.ts',
+        content: Mustache.render(TPL, {
+          globals: lodash
+            .keysIn(api.config.define)
+            .map(
+              (key) =>
+                `// @ts-ignore\nglobal['${key}'] = ${JSON.stringify(api.config.define && api.config.define[key])};`,
+            )
+            .join('\n'),
+        }),
+      });
+    }
+  });
+};

packages/umi-preset-react-native/src/plugins/generateFiles/react-native/polyfill.ts

@@ -22,11 +22,11 @@ export default (api: IApi) => {
   });
 
   api.addEntryCodeAhead(() => {
-    if (api.config.define && typeof api.config.define === 'object') {
-      const keys = Object.keys(api.config.define);
-      return keys
-        .map((key) => `global['${key}'] = ${JSON.stringify(api.config.define && api.config.define[key])};`)
-        .join('\n');
+    if (process.env.NODE_ENV === 'development') {
+      return `if (__DEV__) {
+  const PropsTypes = require('prop-types');
+  require('@umijs/runtime').Link.propTypes.component = PropsTypes.oneOfType([PropsTypes.func, PropsTypes.elementType]);
+}`;
     }
     return '';
   });