refactor: remove package: umi-plugin-antd-react-native

  Some **peer dependencies** of `@ant-design/react-native` were **excluded** after **4.0.0**.

BREAKING CHANGE: You need to follow the [installation document](https://github.com/ant-design/ant-design-mobile-rn#install--usage) to install `@ant-design/react-native` directly.

Author: 徐远翔

README.md

@@ -4,36 +4,38 @@
 
 针对 [react-native](https://reactnative.dev/) 应用的 [umi](https://umijs.org/) 插件集。
 
-**零配置**，添加[dva](https://dvajs.com/)，[@ant-design/react-native](https://rn.mobile.ant.design/index-cn)... 依赖后开箱即用。
-
-默认使用[react-router](https://reacttraining.com/react-router/)，可选[react-navigation](https://reactnavigation.org/)。
+- **零配置**，添加[DvaJS](https://dvajs.com/)，[@ant-design/react-native](https://rn.mobile.ant.design/index-cn)... 依赖后开箱即用，只需专注于业务代码；
+- 路由方案默认使用 umi 内置的[react-router](https://reacttraining.com/react-router/)，可平滑替换为[react-navigation](https://reactnavigation.org/)；
+- 支持切分多 bundle，运行时按需加载 bundle，降低内存开销，提升首屏加载速度；
 
 [发布日志](/CHANGELOG.md)
 
 ## 目录
 
 - [必备](#%E5%BF%85%E5%A4%87)
 - [安装](#%E5%AE%89%E8%A3%85)
-  - [集成 dva](#%E9%9B%86%E6%88%90-dva)
+  - [集成 DvaJS](#%E9%9B%86%E6%88%90-dvajs)
   - [集成 @ant-design/react-native](#%E9%9B%86%E6%88%90-ant-designreact-native)
 - [使用](#%E4%BD%BF%E7%94%A8)
   - [配置](#%E9%85%8D%E7%BD%AE)
     - [目前支持的 umi 配置项](#%E7%9B%AE%E5%89%8D%E6%94%AF%E6%8C%81%E7%9A%84-umi-%E9%85%8D%E7%BD%AE%E9%A1%B9)
     - [umi-preset-react-native 扩展配置](#umi-preset-react-native-%E6%89%A9%E5%B1%95%E9%85%8D%E7%BD%AE)
-  - [路由](#%E8%B7%AF%E7%94%B1)
-    - [react-router](#react-router)
-      - [`Link`组件在 RN 和 DOM 中存在差异](#link%E7%BB%84%E4%BB%B6%E5%9C%A8-rn-%E5%92%8C-dom-%E4%B8%AD%E5%AD%98%E5%9C%A8%E5%B7%AE%E5%BC%82)
-      - [没有`NavLink`组件](#%E6%B2%A1%E6%9C%89navlink%E7%BB%84%E4%BB%B6)
-      - [新增`BackButton`和`AndroidBackButton`组件](#%E6%96%B0%E5%A2%9Ebackbutton%E5%92%8Candroidbackbutton%E7%BB%84%E4%BB%B6)
-    - [react-navigation](#react-navigation)
   - [开发](#%E5%BC%80%E5%8F%91)
   - [打包](#%E6%89%93%E5%8C%85)
+- [路由](#%E8%B7%AF%E7%94%B1)
+  - [使用 umi 内置的 react-router](#%E4%BD%BF%E7%94%A8-umi-%E5%86%85%E7%BD%AE%E7%9A%84-react-router)
+    - [`Link`组件在 RN 和 DOM 中存在差异](#link%E7%BB%84%E4%BB%B6%E5%9C%A8-rn-%E5%92%8C-dom-%E4%B8%AD%E5%AD%98%E5%9C%A8%E5%B7%AE%E5%BC%82)
+    - [没有`NavLink`组件](#%E6%B2%A1%E6%9C%89navlink%E7%BB%84%E4%BB%B6)
+    - [新增`BackButton`和`AndroidBackButton`组件](#%E6%96%B0%E5%A2%9Ebackbutton%E5%92%8Candroidbackbutton%E7%BB%84%E4%BB%B6)
+  - [替换为 react-navigation](#%E6%9B%BF%E6%8D%A2%E4%B8%BA-react-navigation)
 - [示例](#%E7%A4%BA%E4%BE%8B)
 - [深入](#%E6%B7%B1%E5%85%A5)
   - [切分多 bundle](#%E5%88%87%E5%88%86%E5%A4%9A-bundle)
 - [FAQ](#faq)
-  - [`hmrClient.send is not a function`](#hmrclientsend-is-not-a-function)
-  - [`Live Reloading`, `Fast Refresh`, `Hot Replacement`无法使用](#live-reloading-fast-refresh-hot-replacement%E6%97%A0%E6%B3%95%E4%BD%BF%E7%94%A8)
+  - [hmrClient.send is not a function](#hmrclientsend-is-not-a-function)
+  - [Live Reloading, Fast Refresh, Hot Replacement... 无法使用](#live-reloading-fast-refresh-hot-replacement-%E6%97%A0%E6%B3%95%E4%BD%BF%E7%94%A8)
+  - [@ant-design/react-native 组件没有工作（比如：弹窗打不开等等）](#ant-designreact-native-%E7%BB%84%E4%BB%B6%E6%B2%A1%E6%9C%89%E5%B7%A5%E4%BD%9C%E6%AF%94%E5%A6%82%E5%BC%B9%E7%AA%97%E6%89%93%E4%B8%8D%E5%BC%80%E7%AD%89%E7%AD%89)
+  - [使用@ant-design/react-native 组件时，报错：Unrecognized font family 'antoutline'](#%E4%BD%BF%E7%94%A8ant-designreact-native-%E7%BB%84%E4%BB%B6%E6%97%B6%E6%8A%A5%E9%94%99unrecognized-font-family-antoutline)
 
 ## 必备
 
@@ -70,22 +72,39 @@ npx react-native init UMIRNExample
 yarn add umi umi-preset-react-native --dev
 ```
 
-### 集成 dva
+### 集成 DvaJS
 
 在 RN 工程根目录下使用 yarn 添加`@umijs/plugin-dva`依赖：
 
 ```npm
 yarn add @umijs/plugin-dva --dev
 ```
 
+_待 yarn 安装完成后开箱即用。_
+
 ### 集成 @ant-design/react-native
 
-在 RN 工程根目录下使用 yarn 添加[umi-plugin-antd-react-native](/packages/umi-plugin-antd-react-native/README.md)依赖：
+在 RN 工程根目录下使用 yarn 添加`@ant-design/react-native`和`@ant-design/icons-react-native`依赖：
+
+```npm
+yarn add @ant-design/react-native @ant-design/icons-react-native
+```
+
+**RN`0.60.0`及以上版本**会[自动链接](https://github.com/react-native-community/cli/blob/master/docs/autolinking.md)`@ant-design/icons-react-native`，待 yarn 安装完成后，如果是 iOS 需要：
+
+```shell
+cd ios && pod install
+```
+
+**RN`0.50.x`版本**，待 yarn 安装完成，还需要使用`react-native link`**手动链接**`@ant-design/icons-react-native`:
 
 ```npm
-yarn add umi-plugin-antd-react-native --dev
+yarn react-native link @ant-design/icons-react-native
+# ./node_modules/.bin/react-native link @ant-design/icons-react-native
 ```
 
+**umi-preset-react-native**已经为`@ant-design/react-native`添加了[**按需加载**](https://rn.mobile.ant.design/docs/react/introduce-cn#%E6%8C%89%E9%9C%80%E5%8A%A0%E8%BD%BD)（[babel-plugin-import](https://github.com/ant-design/babel-plugin-import)）的配置。
+
 ## 使用
 
 ### 配置
@@ -123,7 +142,7 @@ _与 DOM 无关的[umi](https://umijs.org/)插件都是可以使用的，或者
 - [x] [routes](https://umijs.org/config#routes)
 - [x] [singular](https://umijs.org/config#singular)
 
-_上文未列出的[umi 配置](https://umijs.org/config)对 **umi-preset-react-native** 不生效。RN 开发不同于 Web 开发，基本上无须在编译工具上做过多配置。_
+_上文未列出的[umi 配置](https://umijs.org/config)对 **umi-preset-react-native** 不生效。_
 
 [haul](https://github.com/callstack/haul)使用的 devServer 是[hapi](https://hapi.dev/)，目前还不支持扩展额外的 hapi 插件（中间件），暂时无法支持[mock](https://umijs.org/config#mock)和[proxy](https://umijs.org/config#proxy)功能。
 
@@ -146,22 +165,68 @@ export default {
 };
 ```
 
-- `reactNative`：选填，默认值：上面代码示例中的值
+- `reactNative`：选填，默认值：上面代码示例中的值；
 - `haul`：选填，默认值：上面代码示例中的值，即[Project Configuration](https://github.com/callstack/haul/blob/master/docs/Configuration.md#project-configuration-reference)。
 
-**注意**：不需要使用 haul 提供的工具：`makeConfig`和`withPolyfills`。直接填入[Project Configuration](https://github.com/callstack/haul/blob/master/docs/Configuration.md#project-configuration-reference)的字段即可。
+### 开发
+
+修改`package.json`文件，使用`umi`取代`react-native`：
+
+```diff
+{
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+-   "start": "react-native start",
++   "start": "umi dev-rn",
+  },
+}
+```
+
+执行`yarn start`之后，再使用 `yarn android` 或者 `yarn ios`。
+
+### 打包
+
+构建离线包（offline bundle）：
+
+```shell
+umi build-rn --platform <ios|android> --bundle-output <relative/to/output/path/filename> --assets-dest <relative/to/output/path>
+```
 
-在做多 bundle 切分时，要保证主 bundle 中必须包含`./umi.ts`。
+_`relative/to/output/path`: 表示相对于[outputPath](https://umijs.org/config#outputpath)的路径。_
 
-### 路由
+package.json:
 
-#### react-router
+```diff
+{
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "start": "umi dev-rn",
++   "build:ios": "NODE_ENV=production umi build-rn --platform ios --bundle-output ios/main.jsbundle --assets-dest ios/assets",
++   "build:android": "NODE_ENV=production umi build-rn --platform android --bundle-output android/index.android.bundle --assets-dest android/assets"
+  },
+}
+```
+
+- 执行`yarn build:ios`：
+  1. 构建生成`main.jsbundle`文件到`dist/ios/`目录；
+  2. 拷贝静态资源到`dist/ios/assets/`目录。
+- 执行`yarn build:android`：
+  1. 构建生成`index.android.bundle`文件到`dist/anrdoid/`目录；
+  2. 拷贝静态资源到`dist/android/assets/`目录。
+
+_`dist` 是[outputPath](https://umijs.org/config#outputpath)配置项的缺省（默认）值，可在`.umirc.js`中配置其他目录。_
+
+## 路由
+
+### 使用 umi 内置的 react-router
 
 [umi](https://umijs.org/)内置了`react-router-dom`，**umi-preset-react-native**在运行时会将其替换为：`react-router-native`。
 
 二者都基于 [react-router](https://reacttraining.com/react-router/)，但存在一些差异。
 
-##### `Link`组件在 RN 和 DOM 中存在差异
+#### `Link`组件在 RN 和 DOM 中存在差异
 
 以下是`react-router-native` `Link`组件的属性：
 
@@ -196,7 +261,7 @@ function Index() {
 }
 ```
 
-##### 没有`NavLink`组件
+#### 没有`NavLink`组件
 
 `react-router-native`没有`NavLink`组件，当你尝试引入时会得到`undefined`：
 
@@ -206,7 +271,7 @@ import { NavLink } from 'umi';
 typeof NavLink === 'undefined'; // true;
 ```
 
-##### 新增`BackButton`和`AndroidBackButton`组件
+#### 新增`BackButton`和`AndroidBackButton`组件
 
 对于 RN 应用，需要在[全局 layout](https://umijs.org/docs/convention-routing#%E5%85%A8%E5%B1%80-layout)中使用`BackButton`作为根容器:
 
@@ -230,61 +295,11 @@ export default Layout;
 
 这样做，当用户使用**系统返回键**时会返回应用的上一个路由，而不是退出应用。
 
-#### react-navigation
+### 替换为 react-navigation
 
 [react-navigation](https://reactnavigation.org/)可作为 umi 默认[react-router](https://reacttraining.com/react-router/)的**替代方案**。
 
-了解详情，请移步至：<a href="https://github.com/xuyuanxiang/umi-react-native/tree/master/packages/umi-plugin-react-navigation#readme" target="_blank">umi-plugin-react-navigation 文档</a>。
-
-### 开发
-
-修改`package.json`文件，使用`umi`取代`react-native`：
-
-```diff
-{
-  "scripts": {
-    "android": "react-native run-android",
-    "ios": "react-native run-ios",
--   "start": "react-native start",
-+   "start": "umi dev-rn",
-  },
-}
-```
-
-执行`yarn start`之后，再使用 `yarn android` 或者 `yarn ios`。
-
-### 打包
-
-构建离线包（offline bundle）：
-
-```shell
-umi build-rn --platform <ios|android> --bundle-output <relative/to/output/path/filename> --assets-dest <relative/to/output/path>
-```
-
-_`relative/to/output/path`: 表示相对于[outputPath](https://umijs.org/config#outputpath)的路径。_
-
-package.json:
-
-```diff
-{
-  "scripts": {
-    "android": "react-native run-android",
-    "ios": "react-native run-ios",
-    "start": "umi dev-rn",
-+   "build:ios": "NODE_ENV=production umi build-rn --platform ios --bundle-output ios/main.jsbundle --assets-dest ios/assets",
-+   "build:android": "NODE_ENV=production umi build-rn --platform android --bundle-output android/index.android.bundle --assets-dest android/assets"
-  },
-}
-```
-
-- 执行`yarn build:ios`：
-  1. 构建生成`main.jsbundle`文件到`dist/ios/`目录；
-  2. 拷贝静态资源到`dist/ios/assets/`目录。
-- 执行`yarn build:android`：
-  1. 构建生成`index.android.bundle`文件到`dist/anrdoid/`目录；
-  2. 拷贝静态资源到`dist/android/assets/`目录。
-
-_`dist` 是[outputPath](https://umijs.org/config#outputpath)配置项的缺省（默认）值，可在`.umirc.js`中配置其他目录。_
+了解详情，请移步至：<a href="https://github.com/xuyuanxiang/umi-react-native/tree/master/packages/umi-plugin-react-navigation#readme" target="_blank">umi-plugin-react-navigation</a>。
 
 ## 示例
 
@@ -338,9 +353,14 @@ export default {
 };
 ```
 
+**注意**：
+
+- **不要**使用 haul 提供的工具：`makeConfig`和`withPolyfills`；
+- **要**保证主 bundle 中必须包含：`./umi.ts`。
+
 ## FAQ
 
-### `hmrClient.send is not a function`
+### hmrClient.send is not a function
 
 当出现以下错误时需要升级`metro`至`^0.56.0`：[react-native#issue-26958](https://github.com/facebook/react-native/issues/26958)。
 
@@ -356,6 +376,26 @@ _在 RN 工程`node_modules`目录中找到`metro`并查看版本:_
 cat ./node_modules/metro/package.json | grep version
 ```
 
-### `Live Reloading`, `Fast Refresh`, `Hot Replacement`无法使用
+### Live Reloading, Fast Refresh, Hot Replacement... 无法使用
 
 [haul](https://github.com/callstack/haul)不支持：[haul#issue-682](https://github.com/callstack/haul/issues/682)。
+
+### @ant-design/react-native 组件没有工作（比如：弹窗打不开等等）
+
+按照[@ant-design/react-native](https://rn.mobile.ant.design/docs/react/introduce-cn)文档示例使用组件时，未能达到预期效果，可能是因为没有使用`Provider`作为根节点：
+
+```jsx
+// <projectRoot>/layouts/index.js
+import React from 'react';
+import { Provider } from '@ant-design/react-native';
+
+function Layout({ children }) {
+  return <Provider>{children}</Provider>;
+}
+
+export default Layout;
+```
+
+### 使用@ant-design/react-native 组件时，报错：Unrecognized font family 'antoutline'
+
+[ant-design/ant-design-mobile-rn#issue-194](https://github.com/ant-design/ant-design-mobile-rn/issues/194)中有解决方案。

package.json

@@ -5,7 +5,7 @@
     "bootstrap": "lerna bootstrap",
     "clean": "rimraf packages/*/lib",
     "build": "cross-env NODE_ENV=production lerna run build",
-    "watch": "cross-env NODE_ENV=development lerna run watch --parallel --concurrency 4",
+    "watch": "cross-env NODE_ENV=development lerna run watch --parallel --concurrency 3",
     "test": "cross-env NODE_ENV=test jest --coverage",
     "changelog": "node scripts/changelog",
     "prerelease": "yarn build",
@@ -18,8 +18,11 @@
   "devDependencies": {
     "@types/jest": "^25.2.1",
     "@types/node": "10.x",
+    "@types/react": "^16.9.34",
+    "@types/react-native": "^0.62.7",
     "@typescript-eslint/eslint-plugin": "^2.28.0",
     "@typescript-eslint/parser": "^2.28.0",
+    "@umijs/types": "^3.0.0",
     "conventional-changelog": "^3.1.18",
     "cross-env": "^7.0.2",
     "eslint": "^6.8.0",