UNPKG

@uiw/react-native

Version:
36 lines (35 loc) 1.15 kB
import React from 'react'; import { ViewProps, ViewStyle, TextStyle, StyleProp, ImageStyle, GestureResponderEvent } from 'react-native'; interface ItemData { icon?: React.ReactNode; text?: React.ReactNode; } export interface GridProps extends ViewProps { /** * 传入的菜单数据,`icon` 可以是 `ReactNode` 或者 `uri` * @default [] */ data?: ItemData[]; /** * 列数 * @default 4 */ columns?: number; /** * 是否有间隔线 * @default true */ hasLine?: boolean; /** 单元格样式 */ itemStyle?: StyleProp<ViewStyle>; /** 单元格文本样式 */ textStyle?: StyleProp<TextStyle & ViewStyle>; /** 图片样式,可设置图片/图标尺寸 */ iconStyle?: StyleProp<ImageStyle & TextStyle & ViewStyle>; /** 自定义单元格 */ renderItem?: (data: ItemData, index: number, row: number) => React.ReactNode; /** 点击宫格回调函数 */ onPress?: (data: ItemData, index: number, row: number, event: GestureResponderEvent) => void; } export default function Grid(props: GridProps): React.JSX.Element | null; export {};