react-native-yt-player/lib/commonjs/mobile/ProgressBar.js

Youtube Player for React Native

var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _slider=_interopRequireDefault(require("@react-native-community/slider"));var _jsxFileName="/Users/youssouf/Documents/work/react-native-youtube-player/src/mobile/ProgressBar.tsx";var _default=function _default(_ref){var value=_ref.value,visible=_ref.visible,seekTo=_ref.seekTo,duration=_ref.duration,pauseVideo=_ref.pauseVideo,playVideo=_ref.playVideo,fullScreen=_ref.fullScreen;return _react.default.createElement(_reactNative.View,{style:[styles.container,{bottom:fullScreen?20:0}],__source:{fileName:_jsxFileName,lineNumber:25}},_react.default.createElement(Progress,{progress:value,__source:{fileName:_jsxFileName,lineNumber:26}}),visible&&_react.default.createElement(_slider.default,{style:[styles.progress,{zIndex:99,elevation:99}],minimumValue:0,onSlidingStart:pauseVideo,onSlidingComplete:function onSlidingComplete(p){seekTo(p*duration);playVideo();},maximumValue:1,minimumTrackTintColor:"red",maximumTrackTintColor:"#FFF",value:value,thumbImage:require("./icons/thumb.png"),__source:{fileName:_jsxFileName,lineNumber:28}}));};exports.default=_default;var Progress=function Progress(_ref2){var progress=_ref2.progress;var ref=(0,_react.useRef)(new _reactNativeReanimated.default.Value(0));_reactNativeReanimated.default.timing(ref.current,{toValue:progress,duration:250,easing:_reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)}).start();return _react.default.createElement(_reactNative.View,{style:styles.outerBar,__source:{fileName:_jsxFileName,lineNumber:55}},_react.default.createElement(_reactNativeReanimated.default.View,{style:{flex:ref.current,backgroundColor:"red",height:2},__source:{fileName:_jsxFileName,lineNumber:56}}));};var styles=_reactNative.StyleSheet.create({container:{alignSelf:"center",width:"100%",height:2,position:"absolute",bottom:0},progress:{width:"100%",height:8,position:"absolute",bottom:0,backgroundColor:"transparent",transform:[{translateY:3}]},outerBar:{flex:1,height:2,alignItems:"flex-end",flexDirection:"row",backgroundColor:"#FFF",width:"100%"}});
//# sourceMappingURL=ProgressBar.js.map