@devloops/react-native-variant/lib/commonjs/Components/Carousel/index.js

react-native material ui library

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.style=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _ScaledImage=_interopRequireDefault(require("./ScaledImage"));var _PaginationItem=_interopRequireDefault(require("./PaginationItem"));var _palette=require("../../Helpers/palette");var _Ripple=_interopRequireDefault(require("../Core/Ripple"));var _Hooks=require("../../Helpers/Hooks");var _jsxFileName="/Users/devloops/Desktop/reactNative/reactNativeMUI/src/Components/Carousel/index.tsx";var Carousel=function Carousel(_ref){var imgData=_ref.imgData;var width=(0,_Hooks.useDimensions)().window.width;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),active=_useState2[0],setState=_useState2[1];var _scroller=(0,_react.useRef)(null);var to=function to(active){var _scroller$current;setState(active);console.log(' _scroller.current ',_scroller.current);(_scroller$current=_scroller.current)==null?void 0:_scroller$current._component.scrollResponderScrollTo({x:_reactNative.Dimensions.get('window').width*active,y:0,duration:400,animated:true});};return _react.default.createElement(_reactNative.View,{style:{height:'100%',width:'100%',flex:1},__source:{fileName:_jsxFileName,lineNumber:24}},_react.default.createElement(_reactNative.Animated.ScrollView,{ref:_scroller,horizontal:true,alwaysBounceVertical:false,bounces:false,showsHorizontalScrollIndicator:false,disableScrollViewPanResponder:true,pagingEnabled:true,scrollEnabled:true,onMomentumScrollEnd:function onMomentumScrollEnd(_ref2){var nativeEvent=_ref2.nativeEvent;var index=Number(Number(nativeEvent.contentOffset.x/width).toFixed(0));setState(index);},style:{height:'100%'},contentContainerStyle:{width:width*imgData.length,flexDirection:'row',height:'100%',padding:0},__source:{fileName:_jsxFileName,lineNumber:25}},imgData.map(function(i,k){return _react.default.createElement(_ScaledImage.default,(0,_extends2.default)({},i,{key:k,__source:{fileName:_jsxFileName,lineNumber:49}}));})),_react.default.createElement(_reactNative.View,{style:style.paginationWrapper,__source:{fileName:_jsxFileName,lineNumber:52}},new Array(imgData.length).fill('').map(function(i,k){return _react.default.createElement(_Ripple.default,{onPress:function onPress(){return to(k);},key:i||k,__source:{fileName:_jsxFileName,lineNumber:54}},_react.default.createElement(_PaginationItem.default,{color:_palette.blue500,active:active==k,__source:{fileName:_jsxFileName,lineNumber:55}}));})));};var style=_reactNative.StyleSheet.create({paginationWrapper:{flex:1,width:'100%',flexDirection:'row',justifyContent:'center',marginTop:-20}});exports.style=style;var _default=Carousel;exports.default=_default;
//# sourceMappingURL=index.js.map