type(Tile): fix type error.

Author: jaywcjlove

packages/core/src/Tile/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { FC } from 'react';
 import {
   View,
   Text,
@@ -18,62 +18,62 @@ import TransitionImage from '../TransitionImage';
 import { Theme } from '../theme';
 import { useTheme } from '@shopify/restyle';
 
-export type TileProps = TouchableOpacityProps &
-  TouchableNativeFeedbackProps & {
-    /** 标题内容（可选）*/
-    title?: string;
-    /** 标题样式 */
-    titleStyle?: StyleProp<TextStyle>;
-    /** 图标（可选）*/
-    icon?: IconsProps;
-    /** 图标样式（可选） */
-    iconContainerStyle?: StyleProp<ViewStyle>;
-    /** 文本内容（可选） */
-    caption?: React.ReactNode;
-    /** 文本内容样式（可选） */
-    captionStyle?: StyleProp<TextStyle>;
-    /** 底部容器样式（可选） */
-    contentContainerStyle?: StyleProp<ViewStyle>;
-    /** 图片链接（可选） */
-    imageSrc?: ImageSourcePropType | string | number;
-    /** 图片容器样式（可选） */
-    imageContainerStyle?: StyleProp<ViewStyle>;
-    /** 文字行数（可选） */
-    titleNumberOfLines?: number;
-    /** Tile样式（可选） */
-    containerStyle?: StyleProp<ViewStyle>;
-    /** Tile宽度（可选） */
-    width?: number;
-    /** Tile高度（可选）*/
-    height?: number;
-    /** Tile透明度（可选）*/
-    activeOpacity?: number;
-    /** 继承image的api */
-    imageProps?: Partial<ImageProps>;
-    /** Custom ImageComponent for Tile. */
-    ImageComponent?: Function;
-  };
+export interface TileProps extends TouchableOpacityProps, TouchableNativeFeedbackProps {
+  /** 标题内容（可选）*/
+  title?: string;
+  /** 标题样式 */
+  titleStyle?: StyleProp<TextStyle>;
+  /** 图标（可选）*/
+  icon?: IconsProps;
+  /** 图标样式（可选） */
+  iconContainerStyle?: StyleProp<ViewStyle>;
+  /** 文本内容（可选） */
+  caption?: React.ReactNode;
+  /** 文本内容样式（可选） */
+  captionStyle?: StyleProp<TextStyle>;
+  /** 底部容器样式（可选） */
+  contentContainerStyle?: StyleProp<ViewStyle>;
+  /** 图片链接（可选） */
+  imageSrc?: ImageSourcePropType | string | number;
+  /** 图片容器样式（可选） */
+  imageContainerStyle?: StyleProp<ViewStyle>;
+  /** 文字行数（可选） */
+  titleNumberOfLines?: number;
+  /** Tile样式（可选） */
+  containerStyle?: StyleProp<ViewStyle>;
+  /** Tile宽度（可选） */
+  width?: number;
+  /** Tile高度（可选）*/
+  height?: number;
+  /** Tile透明度（可选）*/
+  activeOpacity?: number;
+  /** 继承image的api */
+  imageProps?: Partial<ImageProps>;
+  /** Custom ImageComponent for Tile. */
+  ImageComponent?: typeof TransitionImage;
+}
 
-const Tile = ({
-  imageSrc,
-  icon,
-  title,
-  onPress,
-  caption,
-  activeOpacity,
-  captionStyle,
-  containerStyle,
-  titleStyle,
-  iconContainerStyle,
-  contentContainerStyle,
-  imageContainerStyle,
-  titleNumberOfLines,
-  imageProps = {},
-  width = Dimensions.get('window').width,
-  height = width * 0.8,
-  ImageComponent = TransitionImage,
-  ...attributes
-}: TileProps) => {
+const Tile: FC<TileProps> = (props) => {
+  const {
+    imageSrc,
+    icon,
+    title,
+    onPress,
+    caption,
+    activeOpacity,
+    captionStyle,
+    containerStyle,
+    titleStyle,
+    iconContainerStyle,
+    contentContainerStyle,
+    imageContainerStyle,
+    titleNumberOfLines,
+    imageProps = {},
+    width = Dimensions.get('window').width,
+    height = width * 0.8,
+    ImageComponent = TransitionImage,
+    ...attributes
+  } = props;
   const theme = useTheme<Theme>();
   const styles = createStyles({
     titleColor: theme.colors.primary_text,
@@ -93,7 +93,7 @@ const Tile = ({
       ])}
     >
       <ImageComponent
-        source={imageSrc}
+        source={imageSrc as ImageSourcePropType}
         containerStyle={StyleSheet.flatten([styles.imageContainer, imageContainerStyle && imageContainerStyle])}
         style={{
           // ...StyleSheet.absoluteFillObject,