styles.js

import {
    StyleSheet,
    Dimensions,
  } from 'react-native';

  const { width, height } = Dimensions.get('window');
  export default StyleSheet.create({
    nav_left_touch_container: {
      height: 44,
      flexDirection: 'column',
      justifyContent: 'center',
      alignItems: 'center'
    },
    nav_left_icon_container: {
      marginLeft: 20
    },
    nav_icon: {
      width: 27,
      height: 27
    },
    headerTitleContainer: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      paddingRight: 30
    },
    headerTitleTxt: {
      color: '#000',
      fontSize: 17,
      lineHeight: 22,
      letterSpacing: -0.41,
    },
    subRowContainer: {
      height: 36,
      backgroundColor: '#F8F8F8',
      borderBottomWidth: StyleSheet.hairlineWidth,
      borderBottomColor: '#BCBBC1',
      borderTopWidth: StyleSheet.hairlineWidth,
      borderTopColor: '#BCBBC1'
    },
    rowBackground: {
      width,
      backgroundColor: '#FFF',
      borderBottomWidth: StyleSheet.hairlineWidth,
      borderBottomColor: '#BCBBC1',
      borderTopWidth: StyleSheet.hairlineWidth,
      borderTopColor: '#BCBBC1'
    },
    rowContainer: {
      height: 44,
      backgroundColor: '#FFFFFF',
      borderBottomWidth: StyleSheet.hairlineWidth,
      borderBottomColor: '#BCBBC1',
      marginHorizontal: 15,
      flexDirection: 'row',
    },
    rowText: {
      fontSize: 17,
      color: '#000000',
      paddingTop: 11,
    },
    rowContent: {
      flex: 1,
      justifyContent: 'flex-end',
      flexDirection: 'row',
      alignItems: 'center'
    }
});