react-native-curved-bottom-bar/src/CurvedBottomBar/components/BottomBarView/styles.ts

A high performance, beautiful and fully customizable curved bottom navigation bar for React Native.

import { StyleSheet } from 'react-native-size-scaling';

export const styles = StyleSheet.create({
  wrapContainer: {
    flex: 1,
  },
  container: {
    alignSelf: 'center',
    position: 'absolute',
    bottom: 0,
  },
  main: {
    position: 'absolute',
    flexDirection: 'row',
    justifyContent: 'space-between',
  },
  rowLeft: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  flex1: {
    flex: 1,
  },
  top30: {
    top: 30,
  },
  itemTab: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  circleRight: {
    marginRight: 25,
  },
  circleLeft: {
    marginLeft: 25,
  },
});