u

notes/前端开发/react-native/expo.md

@@ -816,6 +816,46 @@ import 'react-native-gesture-handler'
 
 
 
+## 集成[react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)
+
+安装：
+
+```bash
+pnpm add react-native-iconfont-cli -D
+```
+
+BUG位置：https://github.com/iconfont-cli/react-native-iconfont-cli/issues/42
+
+解决fang'an修改模板 `node_modules/react-native-iconfont-cli/templates/SingleIcon.tsx.template`：
+
+```tsx
+/* eslint-disable */
+/* tslint:disable */
+
+import React from 'react';
+import type { FunctionComponent } from 'react';
+import type { ViewProps } from 'react-native';
+#svgComponents#
+#helper#
+
+interface Props extends Omit<GProps, 'color'>, ViewProps {
+  size?: number;
+  color?: string | string[];
+}
+
+const #componentName#: FunctionComponent<Props> = ({
+  size = #size#,
+  color,
+  ...rest
+}) => {
+  return (
+    #iconContent#
+  );
+};
+
+export default React.memo(#componentName#);
+```
+
 
 
 ## 配置深度链接