@cometchat/chat-uikit-react-native/src/shared/views/CometChatListItem/style.ts

Ready-to-use Chat UI Components for React Native

import { StyleSheet } from "react-native";

export const Style = StyleSheet.create({
  container: {
    flexDirection: "row",
    // width: "100%",
    // alignItems: "center",
    // flex: 1,
  },
  rightContainerStyle: {
    flexDirection: "row",
    flex: 1,
    alignItems: "flex-start",
  },
  defaultStatusStyle: {
    position: "absolute",
    end: 0,
    top: "60%",
  },
  middleViewStyle: {
    flexDirection: "column",
    flex: 1,
    justifyContent: "center",
    overflow: "hidden",
  },

  titleTextStyle: {
    opacity: 1,

    textAlign: "left",
  },
  tailViewStyle: {
    marginHorizontal: 6,
    alignItems: "flex-end",
    justifyContent: "center",
  },
  optionStyle: {
    position: "absolute",
    end: 0,
    height: "100%",
  },
  optionStyleContainer: {
    height: "100%",
  },
  rightActionButtonStyle: {
    height: "95%",
    alignSelf: "center",
    width: 64,
    justifyContent: "center",
  },
  optionButtonViewStyle: {
    height: "100%",
    alignItems: "center",
    justifyContent: "center",
  },
  optionButtonImageStyle: {
    height: 18,
    width: 18,
  },
  optionTitleStyle: { fontWeight: "500", fontSize: 17 },
});