react-native-customisable-combobox/src/styles.ts

A simple react native combobox

import { StyleSheet, Platform } from "react-native";

export const styles = StyleSheet.create({
  mainContainer: {
    width: "100%",
    alignItems: "flex-start",
  },
  container: {
    // flex: 1,
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
    padding: 10,
  },
  border: {
    borderWidth: 1,
    borderColor: "black",
  },
  focus: {
    borderColor: "blue",
  },
  text: {
    width: "100%",
    height: "100%",
    marginLeft: 10,
  },
  dropdown: {
    // flex: 1,
    left: 0,
    right: 0,
    backgroundColor: "white",
    borderWidth: 1,
    borderColor: "black",
    borderRadius: 5,
    // elevation: 50,
    position: "absolute",
    zIndex: 1000,
    elevation: Platform.OS === "android" ? 50 : 0,
  },
  label: {
    marginBottom: 4,
    fontSize: 18,
  },
  error: {
    color: "red",
  },
  searchContainer: {
    padding: 10,
  },
  search: {},

  item: {
    padding: 10,
  },
  noSearchItem: {
    padding: 10,
  },
});