MobileReality / react-native-select-pro

React Native dropdown (select) component developed by Mobile Reality
https://mobilereality.github.io/react-native-select-pro
MIT License
299 stars 18 forks source link

enable customization on SelectFieldType #195

Closed luccasr73 closed 1 year ago

luccasr73 commented 1 year ago

Is your feature request related to a problem? Please describe. Customize styles on SelectFieldType, this component a have default padding that i need to remove https://github.com/luccasr73/react-native-select-pro/blob/master/packages/react-native-select-pro/src/components/select-field-type/select-field-type.tsx#L44

Screenshot 2023-02-26 at 18 00 23

Describe the solution you'd like possibility to pass style props and customize SelectFieldType

Describe alternatives you've considered I'm currently using a hack with negative margin to get the result I need

 const styles = {
    arrow: {
      container: {
        marginHorizontal: -12,
      },
    },
    text: {
      fontSize: 16,
      marginHorizontal: -12,
    },
  };
Screenshot 2023-02-26 at 17 55 10
irekrog commented 1 year ago

Hi @luccasr73 thanks for reporting, we will investigate this issue

luccasr73 commented 1 year ago

i can do a pr fixing this?

irekrog commented 1 year ago

@luccasr73 Sure, would be great

irekrog commented 1 year ago

@luccasr73 This issue has been fixed, styles={{ select: { container: { paddingHorizontal: 0 }}}} is working now in v2.1.2

luccasr73 commented 1 year ago

thanks @irekrog