Skip to content

Commit 32ded83

Browse files
committed
Add Typescript definition file.
1 parent 7bebf79 commit 32ded83

File tree

2 files changed

+65
-0
lines changed

2 files changed

+65
-0
lines changed

package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
"version": "0.32.04",
44
"description": "Responsive grid for React Native based on react-native-flexbox-grid",
55
"main": "src/index.js",
6+
"types": "src/index.d.ts",
67
"repository": {
78
"type": "git",
89
"url": "git+https://github.com/idibidiart/react-native-responsive-grid.git"

src/index.d.ts

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
declare module "react-native-responsive-grid" {
2+
import { Component } from "react";
3+
import { ViewProperties } from "react-native";
4+
5+
export interface ColumnProps {
6+
size?: number,
7+
sizePoints?: number,
8+
offset?: number,
9+
offsetPoints?: number,
10+
smSize?: number,
11+
smSizePoints?: number,
12+
smOffset?: number,
13+
smOffsetPoints?: number,
14+
smHidden?: boolean,
15+
mdSize?: number,
16+
mdSizePoints?: number,
17+
mdOffset?: number,
18+
mdOffsetPoints?: number,
19+
mdHidden?: boolean,
20+
lgSize?: number,
21+
lgSizePoints?: number,
22+
lgOffset?: number,
23+
lgOffsetPoints?: number,
24+
lgHidden?: boolean,
25+
xlSize?: number,
26+
xlSizePoints?: number,
27+
xlOffset?: number,
28+
xlOffsetPoints?: number,
29+
xlHidden?: boolean,
30+
vAlign?: 'space' | 'distribute' | 'middle' | 'bottom' | 'top',
31+
hAlign?: 'stretch' | 'center' | 'right' | 'left',
32+
alignSelf?: 'auto' | 'top' | 'bottom' | 'middle' | 'stretch' | 'baseline',
33+
fullWidth?: boolean,
34+
aspectRatio?: object,
35+
layoutEvent?: string,
36+
}
37+
38+
export interface RowProps {
39+
rtl?: boolean,
40+
noWrap?: boolean,
41+
hAlign?: 'space' | 'distribute' | 'center' | 'left' | 'right',
42+
vAlign?: 'stretch' | 'middle' | 'right' | 'left',
43+
alignSelf?: 'auto' | 'left' | 'right' | 'center' | 'stretch',
44+
fullHeight?: boolean,
45+
alignLines?: string,
46+
layoutEvent?: string
47+
}
48+
49+
export class Row extends Component<ViewProperties & RowProps, any> { }
50+
export class Column extends Component<ViewProperties & ColumnProps, any> { }
51+
52+
export interface ScreenParams {
53+
mediaSize: 'sm' | 'md' | 'lg' | 'xl',
54+
width: number,
55+
height: number,
56+
aspectRatio?: {
57+
currentNearestRatio: string,
58+
currentOrientation: 'square' | 'landscape' | 'portrait'
59+
}
60+
}
61+
62+
export function ScreenInfo(onlySize?: boolean): ScreenParams;
63+
}
64+

0 commit comments

Comments
 (0)