react-native-video-basic-controls
Version:
Controls for the React Native <Video> component at react-native-video.
116 lines (115 loc) • 2.63 kB
TypeScript
declare const _default: {
container: {
alignItems: "center";
backgroundColor: string;
bottom: number;
flex: number;
flexDirection: "column";
justifyContent: "space-between";
left: number;
paddingHorizontal: number;
paddingVertical: number;
position: "absolute";
right: number;
top: number;
};
controlsRow: {
alignItems: "center";
alignSelf: "stretch";
flex: number;
justifyContent: "space-evenly";
flexDirection: "row";
};
fullScreenContainer: {
alignItems: "center";
alignSelf: "stretch";
justifyContent: "center";
paddingLeft: number;
};
playButton: {
alignItems: "center";
height: number;
justifyContent: "center";
width: number;
borderRadius: number;
};
playIcon: {
height: number;
resizeMode: "contain";
width: number;
};
progressColumnContainer: {
flex: number;
};
progressContainer: {
flexDirection: "row";
justifyContent: "flex-end";
marginBottom: number;
};
progressSlider: {
alignSelf: "stretch";
};
replayIcon: {
height: number;
resizeMode: "stretch";
width: number;
};
thumb: {
borderRadius: number;
height: number;
width: number;
};
timeRow: {
alignSelf: "stretch";
};
timerLabel: {
color: string;
fontSize: number;
};
timerLabelsContainer: {
alignSelf: "stretch";
flexDirection: "row";
justifyContent: "space-between";
marginBottom: number;
};
toolbar: {
flexDirection: "row";
flex: number;
justifyContent: "flex-end";
};
toolbarRow: {
alignItems: "flex-start";
flexDirection: "row";
justifyContent: "flex-start";
};
track: {
borderRadius: number;
height: number;
};
VSliderLeft: {
position: "absolute";
top: number;
bottom: number;
left: number;
justifyContent: "center";
alignItems: "center";
};
VSliderRight: {
position: "absolute";
top: number;
bottom: number;
right: number;
justifyContent: "center";
alignItems: "center";
};
swipeSlider: {
flex: number;
height: string;
width: string;
};
playerButt: {
flex: number;
alignItems: "center";
};
};
export default _default;