@niku/react-native-dropdown-select/lib/module/DropdownButton/index.js

A Dropdown select component for React Native

import React, { useMemo } from 'react';
import { ActivityIndicator, Image, Text, View } from 'react-native';
import { Images } from '../assets';
import { styles } from './styles';
export const DropdownButton = ({
  selectedOption,
  show,
  position,
  placeholder,
  style,
  labelStyle,
  iconStyle,
  placeholderStyle,
  loading
}) => {
  const iconSource = useMemo(() => {
    if (position === 'top') {
      return show ? Images.chevronDown : Images.chevronUp;
    }

    return show ? Images.chevronUp : Images.chevronDown;
  }, [show, position]);
  return /*#__PURE__*/React.createElement(View, {
    style: [styles.container, style]
  }, selectedOption ? /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
    style: [styles.label, labelStyle],
    numberOfLines: 1
  }, selectedOption.label)) : /*#__PURE__*/React.createElement(Text, {
    style: [styles.placeholder, placeholderStyle],
    numberOfLines: 1
  }, placeholder), loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
    color: "black",
    size: "small",
    style: [styles.icon]
  }) : /*#__PURE__*/React.createElement(Image, {
    source: iconSource,
    style: [styles.icon, iconStyle]
  }));
};
//# sourceMappingURL=index.js.map