@orionarm/react-native-collapse-tabs 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -0
- package/lib/CollapseTabs.d.ts +8 -0
- package/lib/CollapseTabs.d.ts.map +1 -0
- package/lib/CollapseTabs.js +12 -0
- package/lib/index.d.ts +3 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +5 -0
- package/package.json +51 -0
- package/src/CollapseTabs.tsx +14 -0
- package/src/index.tsx +2 -0
package/README.md
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
# @orionarm/react-native-collapse-tabs
|
|
2
|
+
|
|
3
|
+
A React Native collapsible tabs component.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @orionarm/react-native-collapse-tabs
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
or
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
yarn add @orionarm/react-native-collapse-tabs
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## Usage
|
|
18
|
+
|
|
19
|
+
```tsx
|
|
20
|
+
import { CollapseTabs } from '@orionarm/react-native-collapse-tabs';
|
|
21
|
+
|
|
22
|
+
function App() {
|
|
23
|
+
return (
|
|
24
|
+
<CollapseTabs>
|
|
25
|
+
{/* Your content here */}
|
|
26
|
+
</CollapseTabs>
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## License
|
|
32
|
+
|
|
33
|
+
ISC
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ViewStyle } from "react-native";
|
|
3
|
+
export interface CollapseTabsProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
style?: ViewStyle;
|
|
6
|
+
}
|
|
7
|
+
export declare const CollapseTabs: React.FC<CollapseTabsProps>;
|
|
8
|
+
//# sourceMappingURL=CollapseTabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapseTabs.d.ts","sourceRoot":"","sources":["../src/CollapseTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAQ,MAAM,cAAc,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAKpD,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.CollapseTabs = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_native_1 = require("react-native");
|
|
9
|
+
const CollapseTabs = ({ children, style, }) => {
|
|
10
|
+
return <react_native_1.View> {children}</react_native_1.View>;
|
|
11
|
+
};
|
|
12
|
+
exports.CollapseTabs = CollapseTabs;
|
package/lib/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CollapseTabs = void 0;
|
|
4
|
+
var CollapseTabs_1 = require("./CollapseTabs");
|
|
5
|
+
Object.defineProperty(exports, "CollapseTabs", { enumerable: true, get: function () { return CollapseTabs_1.CollapseTabs; } });
|
package/package.json
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@orionarm/react-native-collapse-tabs",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "A React Native collapsible tabs component",
|
|
5
|
+
"main": "lib/index.js",
|
|
6
|
+
"types": "lib/index.d.ts",
|
|
7
|
+
"scripts": {
|
|
8
|
+
"build": "tsc",
|
|
9
|
+
"prepare": "npm run build",
|
|
10
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
11
|
+
},
|
|
12
|
+
"keywords": [
|
|
13
|
+
"react-native",
|
|
14
|
+
"collapse",
|
|
15
|
+
"tabs",
|
|
16
|
+
"collapsible",
|
|
17
|
+
"react-native-component",
|
|
18
|
+
"react-component",
|
|
19
|
+
"react-native",
|
|
20
|
+
"ios",
|
|
21
|
+
"android",
|
|
22
|
+
"tab",
|
|
23
|
+
"swipe",
|
|
24
|
+
"scrollable",
|
|
25
|
+
"coverflow"
|
|
26
|
+
],
|
|
27
|
+
"author": "yanan_orionarm",
|
|
28
|
+
"license": "ISC",
|
|
29
|
+
"peerDependencies": {
|
|
30
|
+
"react": ">=16.8.0",
|
|
31
|
+
"react-native": ">=0.60.0"
|
|
32
|
+
},
|
|
33
|
+
"devDependencies": {
|
|
34
|
+
"@types/react": "^18.0.0",
|
|
35
|
+
"@types/react-native": "^0.72.0",
|
|
36
|
+
"react": "^18.2.0",
|
|
37
|
+
"react-native": "^0.72.0",
|
|
38
|
+
"typescript": "^5.0.0",
|
|
39
|
+
"react-native-gesture-handler": "~2.16.0",
|
|
40
|
+
"react-native-pager-view": "^6.3.0",
|
|
41
|
+
"react-native-reanimated": "3.8.1"
|
|
42
|
+
},
|
|
43
|
+
"files": [
|
|
44
|
+
"lib",
|
|
45
|
+
"src",
|
|
46
|
+
"README.md"
|
|
47
|
+
],
|
|
48
|
+
"publishConfig": {
|
|
49
|
+
"access": "public"
|
|
50
|
+
}
|
|
51
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View, StyleSheet, ViewStyle, Text } from "react-native";
|
|
3
|
+
|
|
4
|
+
export interface CollapseTabsProps {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
style?: ViewStyle;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const CollapseTabs: React.FC<CollapseTabsProps> = ({
|
|
10
|
+
children,
|
|
11
|
+
style,
|
|
12
|
+
}) => {
|
|
13
|
+
return <View> {children}</View>;
|
|
14
|
+
};
|
package/src/index.tsx
ADDED