sfm-uikit-react-native/src/style/EnxMoreOptionStyle.js

It is a react native component for SmartFloMeet users.

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

const styles = StyleSheet.create({
    mainContainer: {
        flex: 1,
        justifyContent: 'flex-start', // Align subView to the start of the container
        alignItems: 'flex-end',
        backgroundColor: 'transparent'
      },
      subContainer : {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        width:  260,
        backgroundColor : '#D3D3D3'
      },
      touchableArea: {
        position: 'absolute', // Position it absolutely to cover the mainContainer
        top: 0,
        bottom: 0,
        left: 0,
        right: 0, // Cover the entire area of the mainContainer
        backgroundColor: 'transparent', // Ensure it doesn't block any visual elements
      },
      itemContainer: {
        flexDirection: 'row',
        alignItems: 'center',
        padding: 10,
        borderBottomWidth: 1,
        borderColor: '#ddd',
      },
      itemImage: {
        width: 30,
        height: 30,
        marginRight: 15,
      },
      itemName: {
        fontSize: 16,
        color: '#000',
        flexShrink: 1,  // Ensure the text shrinks to fit in the available space
        textAlign: 'left',  // Ensure the text aligns left
        marginRight: 15,
        width : '50%',
      },
      button: {
        padding: 5,
        borderRadius: 5,
        alignSelf: 'flex-end'
      },
      switch: {
        alignSelf: 'flex-end',  // Align switch to the right
      },
  });
  export { styles }