@evlop/native-components 1.0.60 → 1.0.61

package/dist/main.d.ts

@@ -9,6 +9,7 @@ export { default as Image } from './src/Image';
 export { default as Icon } from './src/Icon';
 export { default as ListItem } from './src/ListItem';
 export { default as Avatar } from './src/Avatar';
+export { default as Swiper } from './src/Swiper';
 export * from './src/Row';
 export * from './src/Collection';
 export * from './src/FlatList';

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,cAAc,CAAC;AAC/C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}

package/dist/main.js

@@ -25,7 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = exports.ListItem = exports.Icon = exports.Image = exports.Button = exports.NativeButton = exports.Text = exports.Actionable = exports.View = exports.reactNativeElements = void 0;
+exports.Swiper = exports.Avatar = exports.ListItem = exports.Icon = exports.Image = exports.Button = exports.NativeButton = exports.Text = exports.Actionable = exports.View = exports.reactNativeElements = void 0;
 __exportStar(require("react-native-elements"), exports);
 exports.reactNativeElements = __importStar(require("react-native-elements"));
 var View_1 = require("./src/View");
@@ -46,6 +46,8 @@ var ListItem_1 = require("./src/ListItem");
 Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return __importDefault(ListItem_1).default; } });
 var Avatar_1 = require("./src/Avatar");
 Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return __importDefault(Avatar_1).default; } });
+var Swiper_1 = require("./src/Swiper");
+Object.defineProperty(exports, "Swiper", { enumerable: true, get: function () { return __importDefault(Swiper_1).default; } });
 __exportStar(require("./src/Row"), exports);
 __exportStar(require("./src/Collection"), exports);
 __exportStar(require("./src/FlatList"), exports);

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,6EAA6D;AAC7D,mCAA2C;AAAnC,6GAAA,OAAO,OAAQ;AACvB,+CAAuD;AAA/C,yHAAA,OAAO,OAAc;AAC7B,mCAA2C;AAAnC,6GAAA,OAAO,OAAQ;AACvB,mDAA2D;AAAnD,6HAAA,OAAO,OAAgB;AAC/B,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,qCAA6C;AAArC,+GAAA,OAAO,OAAS;AACxB,mCAA2C;AAAnC,6GAAA,OAAO,OAAQ;AACvB,2CAAmD;AAA3C,qHAAA,OAAO,OAAY;AAC3B,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,4CAA0B;AAC1B,mDAAiC;AACjC,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B;AAC9B,wDAAsC;AACtC,mDAAiC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,6EAA6D;AAC7D,mCAA2C;AAAnC,6GAAA,OAAO,OAAQ;AACvB,+CAAuD;AAA/C,yHAAA,OAAO,OAAc;AAC7B,mCAA2C;AAAnC,6GAAA,OAAO,OAAQ;AACvB,mDAA2D;AAAnD,6HAAA,OAAO,OAAgB;AAC/B,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,qCAA6C;AAArC,+GAAA,OAAO,OAAS;AACxB,mCAA2C;AAAnC,6GAAA,OAAO,OAAQ;AACvB,2CAAmD;AAA3C,qHAAA,OAAO,OAAY;AAC3B,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,uCAA+C;AAAvC,iHAAA,OAAO,OAAU;AACzB,4CAA0B;AAC1B,mDAAiC;AACjC,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B;AAC9B,wDAAsC;AACtC,mDAAiC"}

package/dist/src/Swiper/DashPagination.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export default function DashPagination({ length, activeIndex, onChangeIndex }: {
+    length: any;
+    activeIndex: any;
+    onChangeIndex: any;
+}): JSX.Element;
+//# sourceMappingURL=DashPagination.d.ts.map

package/dist/src/Swiper/DashPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashPagination.d.ts","sourceRoot":"","sources":["../../../src/Swiper/DashPagination.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;;;;CAAA,eAgC5E"}

package/dist/src/Swiper/DashPagination.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+function DashPagination({ length, activeIndex, onChangeIndex }) {
+    if (length < 2)
+        return null;
+    const items = Array(length).fill(1).map((v, i) => i);
+    return (react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row', justifyContent: 'center' } }, items.map(i => react_1.default.createElement(react_native_1.Animated.View, { key: i, style: {
+            width: activeIndex.interpolate({
+                inputRange: [i - 1, i, i + 1],
+                outputRange: [8, 20, 8],
+                extrapolate: 'clamp'
+            }),
+            opacity: activeIndex.interpolate({
+                inputRange: [i - 1, i, i + 1],
+                outputRange: [0.5, 1, 0.5],
+                extrapolate: 'clamp',
+            }),
+            marginHorizontal: activeIndex.interpolate({
+                inputRange: [i - 1, i, i + 1],
+                outputRange: [1, 4, 1],
+                extrapolate: 'clamp',
+            }),
+            height: 5,
+            margin: 5,
+        } },
+        react_1.default.createElement(react_native_1.Pressable, { onPress: () => onChangeIndex(i), style: styles.paginationDot })))));
+}
+exports.default = DashPagination;
+const styles = react_native_1.StyleSheet.create({
+    paginationDot: {
+        width: '100%',
+        height: '100%',
+        backgroundColor: '#fff',
+        borderRadius: react_native_1.Platform.select({ default: 1, android: 2 }),
+        borderWidth: 0.4,
+        borderColor: "#aaa",
+        transform: [{ skewX: "-30deg" }]
+    },
+});
+//# sourceMappingURL=DashPagination.js.map

package/dist/src/Swiper/DashPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashPagination.js","sourceRoot":"","sources":["../../../src/Swiper/DashPagination.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,+CAA+E;AAE/E,SAAwB,cAAc,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;IAC3E,IAAI,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,8BAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,IAC5D,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,8BAAC,uBAAQ,CAAC,IAAI,IAC5B,GAAG,EAAE,CAAC,EACN,KAAK,EAAE;YACL,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC;gBAC7B,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;gBAC7B,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBACvB,WAAW,EAAE,OAAO;aACrB,CAAC;YACF,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;gBAC/B,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;gBAC7B,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;gBAC1B,WAAW,EAAE,OAAO;aACrB,CAAC;YACF,gBAAgB,EAAE,WAAW,CAAC,WAAW,CAAC;gBACxC,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;gBAC7B,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBACtB,WAAW,EAAE,OAAO;aACrB,CAAC;YACF,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC;SAEV;QACD,8BAAC,wBAAS,IAAC,OAAO,EAAE,GAAE,EAAE,CAAA,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,GAAc,CACrE,CAAC,CACZ,CACR,CAAC;AACJ,CAAC;AAhCD,iCAgCC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM;QACvB,YAAY,EAAE,uBAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;QACzD,WAAW,EAAE,GAAG;QAChB,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KACjC;CACF,CAAC,CAAC"}

package/dist/src/Swiper/DotPagination.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export default function DotPagination({ length, activeIndex, onChangeIndex }: {
+    length: any;
+    activeIndex: any;
+    onChangeIndex: any;
+}): JSX.Element;
+//# sourceMappingURL=DotPagination.d.ts.map

package/dist/src/Swiper/DotPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotPagination.d.ts","sourceRoot":"","sources":["../../../src/Swiper/DotPagination.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;;;;CAAA,eAyB3E"}

package/dist/src/Swiper/DotPagination.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+function DotPagination({ length, activeIndex, onChangeIndex }) {
+    if (length < 2)
+        return null;
+    const items = Array(length).fill(1).map((v, i) => i);
+    return (react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row', justifyContent: 'center', alignItems: "center", alignContent: 'center' } }, items.map(i => react_1.default.createElement(react_native_1.Animated.View, { key: i, style: {
+            width: activeIndex.interpolate({
+                inputRange: [i - 1, i, i + 1],
+                outputRange: [8, 10, 8],
+                extrapolate: 'clamp'
+            }),
+            height: activeIndex.interpolate({
+                inputRange: [i - 1, i, i + 1],
+                outputRange: [8, 10, 8],
+                extrapolate: 'clamp'
+            }),
+            margin: 4,
+        } },
+        react_1.default.createElement(react_native_1.Pressable, { onPress: () => onChangeIndex(i), style: styles.paginationDot })))));
+}
+exports.default = DotPagination;
+const styles = react_native_1.StyleSheet.create({
+    paginationDot: {
+        width: '100%',
+        height: '100%',
+        backgroundColor: '#fff',
+        borderRadius: 5,
+        borderWidth: 0.4,
+        borderColor: "#aaa",
+    },
+});
+//# sourceMappingURL=DotPagination.js.map

package/dist/src/Swiper/DotPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotPagination.js","sourceRoot":"","sources":["../../../src/Swiper/DotPagination.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,+CAAqE;AAErE,SAAwB,aAAa,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;IAC1E,IAAI,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,8BAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAC,QAAQ,EAAE,IACzG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,8BAAC,uBAAQ,CAAC,IAAI,IAC5B,GAAG,EAAE,CAAC,EACN,KAAK,EAAE;YACL,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC;gBAC7B,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;gBAC7B,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBACvB,WAAW,EAAE,OAAO;aACrB,CAAC;YACF,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;gBAC9B,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;gBAC7B,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBACvB,WAAW,EAAE,OAAO;aACrB,CAAC;YACF,MAAM,EAAE,CAAC;SACV;QACD,8BAAC,wBAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,GAAc,CACvE,CAAC,CACZ,CACR,CAAC;AACJ,CAAC;AAzBD,gCAyBC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM;QACvB,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,GAAG;QAChB,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,CAAC"}

package/dist/src/Swiper/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export default function Swiper({ data, paginationType, renderItem: _renderItem, itemWidth: _itemWidth, ...props }: {
+    [x: string]: any;
+    data: any;
+    paginationType?: string;
+    renderItem: any;
+    itemWidth: any;
+}): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/Swiper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Swiper/index.tsx"],"names":[],"mappings":";AAKA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,cAAuB,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE;;;;;;CAAA,eAqDzH"}

package/dist/src/Swiper/index.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const DashPagination_1 = __importDefault(require("./DashPagination"));
+const DotPagination_1 = __importDefault(require("./DotPagination"));
+function Swiper(_a) {
+    var { data, paginationType = "dash", renderItem: _renderItem, itemWidth: _itemWidth } = _a, props = __rest(_a, ["data", "paginationType", "renderItem", "itemWidth"]);
+    const scrollViewRef = react_1.useRef();
+    const { width } = react_native_1.useWindowDimensions();
+    const itemWidth = _itemWidth || width;
+    const scrollPosition = react_1.useRef(new react_native_1.Animated.Value(0)).current;
+    const activeIndex = scrollPosition.interpolate({
+        inputRange: [0, itemWidth],
+        outputRange: [0, 1],
+        extrapolate: 'extend'
+    });
+    const onScroll = react_1.useMemo(() => react_native_1.Animated.event([
+        {
+            nativeEvent: {
+                contentOffset: {
+                    x: scrollPosition
+                }
+            }
+        }
+    ]), [scrollPosition]);
+    const renderItem = react_1.useMemo(() => {
+        if (_renderItem)
+            return ({ item, index }) => react_1.default.createElement(react_native_1.View, { style: { width: itemWidth } }, _renderItem({ item, index }));
+        return ({ item, index }) => react_1.default.createElement(react_native_1.Text, { key: String(index), style: { width: itemWidth, height: 200, fontSize: 26, alignItems: 'center', color: '#000', backgroundColor: 'red', justifyContent: 'center' } }, JSON.stringify(item));
+    }, [_renderItem, itemWidth]);
+    const changeIndex = react_1.useCallback((index) => {
+        scrollViewRef.current.scrollTo({ animated: true, x: index * itemWidth, y: 0 });
+    }, [scrollViewRef, itemWidth]);
+    const Pagination = (paginationType === 'dot' && DotPagination_1.default) || DashPagination_1.default;
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.Animated.ScrollView, Object.assign({}, props, { ref: scrollViewRef, pagingEnabled: true, horizontal: true, showsHorizontalScrollIndicator: false, showsVerticalScrollIndicator: false, onScroll: onScroll, bounces: false }), Array.isArray(data) && data.map((item, index) => renderItem({ item, index }))),
+        react_1.default.createElement(react_native_1.View, { style: { position: 'absolute', bottom: 3, left: 0, right: 0, zIndex: 5 } },
+            react_1.default.createElement(Pagination, { onChangeIndex: changeIndex, length: data.length, activeIndex: activeIndex }))));
+}
+exports.default = Swiper;
+//# sourceMappingURL=index.js.map

package/dist/src/Swiper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Swiper/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evlop/native-components",
-  "version": "1.0.60",
+  "version": "1.0.61",
   "description": "",
   "main": "dist/main.js",
   "scripts": {