react-native-modal-dropdown RTL support

I want to code an application which is Right to Left. But the problem is, it seems that although the dtrop down location is changed but when it is selected, the list is opened from the other side of the screen.

Jan 15 '18 05:01 horam

any screenshot?

Feb 09 '18 11:02 sohobloo

I want to swap between the text and the arrow. So the text will be at the right side and the dropdown icon will be on the left. How can I do it?

untitled

May 05 '18 07:05 danmarknm

@danmarknm you could render your own content as button of dropdown, and use flexDirection 'row-reverse' for RTL like this:

<ModalDropdown>
      <View style={{ flexDirection: RTL ? 'row-reverse' : 'row'}}>
        <Text>...</Text>
        <Icon ... />
       </View>
</ModalDropdown>

I haven't tried the new renderTextButton prop, maybe you could achieve the same using it.

Aug 08 '18 05:08 naomipol

same issue... The dropdown open at right but should at left:

Nov 28 '19 10:11 pacientk