168 lines
2.9 KiB
TypeScript
168 lines
2.9 KiB
TypeScript
|
import {StyleSheet} from 'react-native';
|
||
|
|
|
||
|
|
const styles = StyleSheet.create({
|
||
|
|
container: {
|
||
|
|
flex: 1,
|
||
|
|
justifyContent: 'center',
|
||
|
|
alignItems: 'center',
|
||
|
|
backgroundColor: 'black',
|
||
|
|
},
|
||
|
|
halfScreen: {
|
||
|
|
position: 'absolute',
|
||
|
|
top: 50,
|
||
|
|
left: 50,
|
||
|
|
bottom: 100,
|
||
|
|
right: 100,
|
||
|
|
},
|
||
|
|
fullScreen: {
|
||
|
|
position: 'absolute',
|
||
|
|
top: 0,
|
||
|
|
left: 0,
|
||
|
|
bottom: 0,
|
||
|
|
right: 0,
|
||
|
|
},
|
||
|
|
bottomControls: {
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
borderRadius: 5,
|
||
|
|
position: 'absolute',
|
||
|
|
bottom: 20,
|
||
|
|
left: 20,
|
||
|
|
right: 20,
|
||
|
|
},
|
||
|
|
leftControls: {
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
borderRadius: 5,
|
||
|
|
position: 'absolute',
|
||
|
|
top: 20,
|
||
|
|
bottom: 20,
|
||
|
|
left: 20,
|
||
|
|
},
|
||
|
|
rightControls: {
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
borderRadius: 5,
|
||
|
|
position: 'absolute',
|
||
|
|
top: 20,
|
||
|
|
bottom: 20,
|
||
|
|
right: 20,
|
||
|
|
},
|
||
|
|
topControls: {
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
borderRadius: 4,
|
||
|
|
position: 'absolute',
|
||
|
|
top: 20,
|
||
|
|
left: 20,
|
||
|
|
right: 20,
|
||
|
|
flex: 1,
|
||
|
|
flexDirection: 'row',
|
||
|
|
overflow: 'hidden',
|
||
|
|
paddingBottom: 10,
|
||
|
|
},
|
||
|
|
generalControls: {
|
||
|
|
flex: 1,
|
||
|
|
flexDirection: 'row',
|
||
|
|
borderRadius: 4,
|
||
|
|
overflow: 'hidden',
|
||
|
|
paddingBottom: 10,
|
||
|
|
},
|
||
|
|
rateControl: {
|
||
|
|
flex: 1,
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'center',
|
||
|
|
},
|
||
|
|
volumeControl: {
|
||
|
|
flex: 1,
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'center',
|
||
|
|
},
|
||
|
|
resizeModeControl: {
|
||
|
|
flex: 1,
|
||
|
|
flexDirection: 'row',
|
||
|
|
alignItems: 'center',
|
||
|
|
justifyContent: 'center',
|
||
|
|
},
|
||
|
|
leftRightControlOption: {
|
||
|
|
alignSelf: 'center',
|
||
|
|
fontSize: 11,
|
||
|
|
color: 'white',
|
||
|
|
padding: 10,
|
||
|
|
lineHeight: 12,
|
||
|
|
},
|
||
|
|
controlOption: {
|
||
|
|
alignSelf: 'center',
|
||
|
|
fontSize: 11,
|
||
|
|
color: 'white',
|
||
|
|
paddingLeft: 2,
|
||
|
|
paddingRight: 2,
|
||
|
|
lineHeight: 12,
|
||
|
|
},
|
||
|
|
pickerContainer: {
|
||
|
|
width: 100,
|
||
|
|
alignSelf: 'center',
|
||
|
|
color: 'white',
|
||
|
|
borderWidth: 1,
|
||
|
|
borderColor: 'red',
|
||
|
|
},
|
||
|
|
IndicatorStyle: {
|
||
|
|
flex: 1,
|
||
|
|
justifyContent: 'center',
|
||
|
|
},
|
||
|
|
seekbarContainer: {
|
||
|
|
flex: 1,
|
||
|
|
flexDirection: 'row',
|
||
|
|
borderRadius: 4,
|
||
|
|
height: 30,
|
||
|
|
},
|
||
|
|
seekbarTrack: {
|
||
|
|
backgroundColor: '#333',
|
||
|
|
height: 1,
|
||
|
|
position: 'relative',
|
||
|
|
top: 14,
|
||
|
|
width: '100%',
|
||
|
|
},
|
||
|
|
seekbarFill: {
|
||
|
|
backgroundColor: '#FFF',
|
||
|
|
height: 1,
|
||
|
|
width: '100%',
|
||
|
|
},
|
||
|
|
seekbarHandle: {
|
||
|
|
position: 'absolute',
|
||
|
|
marginLeft: -7,
|
||
|
|
height: 28,
|
||
|
|
width: 28,
|
||
|
|
},
|
||
|
|
seekbarCircle: {
|
||
|
|
borderRadius: 12,
|
||
|
|
position: 'relative',
|
||
|
|
top: 8,
|
||
|
|
left: 8,
|
||
|
|
height: 12,
|
||
|
|
width: 12,
|
||
|
|
},
|
||
|
|
picker: {
|
||
|
|
flex: 1,
|
||
|
|
color: 'white',
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'center',
|
||
|
|
width: 100,
|
||
|
|
height: 40,
|
||
|
|
},
|
||
|
|
pickerItem: {
|
||
|
|
color: 'white',
|
||
|
|
width: 100,
|
||
|
|
height: 40,
|
||
|
|
},
|
||
|
|
emptyPickerItem: {
|
||
|
|
color: 'white',
|
||
|
|
marginTop: 20,
|
||
|
|
marginLeft: 20,
|
||
|
|
flex: 1,
|
||
|
|
width: 100,
|
||
|
|
height: 40,
|
||
|
|
},
|
||
|
|
topControlsContainer: {
|
||
|
|
paddingTop: 30,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
export default styles;
|