react-native-dropdown-autocomplete-revised/components/Dropdown/Dropdown.styles.js

[npm-badge]: https://img.shields.io/npm/v/react-native-dropdown-autocomplete.svg?colorA=6b7c93&colorB=5ab1b8&style=flat-square [npm-url]: https://www.npmjs.com/package/react-native-dropdown-autocomplete [npm-downloads]: https://img.shields.io/npm/dt/react

import {StyleSheet, Platform} from "react-native";
import {theme} from "../../constants/Theme";

export default StyleSheet.create({
  accessory: {
    width: 24,
    height: 24,
    justifyContent: "center",
    alignItems: "center",
  },
  triangle: {
    width: 8,
    height: 8,
    transform: [
      {
        translateY: -4,
      },
      {
        rotate: "45deg",
      },
    ],
  },
  triangleContainer: {
    width: 12,
    height: 6,
    overflow: "hidden",
    alignItems: "center",

    backgroundColor: "transparent",
  },
  overlay: {
    ...StyleSheet.absoluteFillObject,
  },
  picker: {
    backgroundColor: "rgba(255, 255, 255, 1.0)",
    borderRadius: 2,
    ...Platform.select({
      ios: {
        shadowRadius: 2,
        shadowColor: theme.textSubtitle,
        shadowOpacity: 0.8,
        shadowOffset: {width: 4, height: 6},
      },

      android: {
        elevation: 6,
      },
    }),
  },
  item: {
    textAlign: "left",
  },
  scroll: {
    flex: 1,
    borderRadius: 2,
    borderWidth: 1,
    borderColor: theme.primary,
  },
  separator: {
    height: 1,
    backgroundColor: theme.divider,
  },
  listItem: {
    paddingLeft: 15,
    paddingTop: 6,
    height: 41,
    justifyContent: "center",
  },
  listFooter: {
    height: 16.7,
    borderTopWidth: 1,
    borderTopColor: theme.divider,
  },
  listHeader: {
    height: 41.8,
    justifyContent: "center",
    paddingTop: 0,
    backgroundColor: theme.backgroundPrimary,
    borderBottomWidth: 1,
    borderBottomColor: theme.primary,
  },
  listItemText: {
    justifyContent: "center",
    color: theme.listItem,
  },
  noData: {
    color: theme.divider,
  },
  listHeaderText: {
    color: theme.textSubtitle,
  },
  rightContent: {
    display: "flex",
    flexDirection: "column",
    paddingRight: 8,
  },
  rightContentItem: {
    color: theme.divider,
    textDecorationLine: "underline",
    textDecorationStyle: "solid",
    textDecorationColor: theme.divider,
  },
});