@zezosoft/zezo-ott-react-native-video-player/src/VideoPlayer/styles/globalStyles.ts

Production-ready React Native OTT video player library for Android & iOS. Features: playlists, seasons, auto-next playback, subtitles (SRT/VTT), custom theming, analytics tracking, fullscreen mode, gesture controls, ads player (pre-roll/mid-roll/post-roll

import { StyleSheet } from 'react-native';

const globalStyles = StyleSheet.create({
  centerContainer: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  container: {
    flex: 1,
  },
  newContainer: {
    flex: 1,
  },
  flexOneJustifyContentAndAlignItemsCenter: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  flexOneJustifyContentCenterAndAlignItemsCenter: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  hundredPercentWidth: {
    width: '100%',
  },
  hundredPercentHeight: {
    height: '100%',
  },
  marginZeroAndPaddingZero: {
    margin: 0,
    padding: 0,
  },
  overflowHidden: {
    overflow: 'hidden',
  },
  flexOne: {
    flex: 1,
  },
  flexZero: {
    flex: 0,
  },
  positionAbsolute: {
    position: 'absolute',
  },
  twentyPercentWidth: {
    width: '20%',
  },
  alignItemsCenterAndJustifyContentCenter: {
    alignItems: 'center',
    justifyContent: 'center',
  },
  textAlignCenter: {
    textAlign: 'center',
  },
  flexRow_alignCenter_justifyBetween: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  flexOneWithBlackBackground: {
    flex: 1,
    backgroundColor: 'black',
  },
  absoluteFill: StyleSheet.absoluteFillObject,
  controlsContainer: {
    flex: 1,
    backgroundColor: 'rgba(0, 0, 0, 0.5)',
  },
});

export default globalStyles;