Text won't align to right

[kadiemq]

I have an Arabic app and I need the text to be aligned to the right. I tried adding textAlign: right to all styles but none of them worked

[azeezat]

@kadiemq Thanks for putting this out here. The library already supports Languages that use the RTL mode. You don't need any extra styling to be able to achieve this. All you need to do is configure your app to support RTL mode. See example implementation below.

import { useState } from 'react';

import {  I18nManager,} from 'react-native';
import DropdownSelect from 'react-native-input-select';

export default function App() {

 I18nManager.allowRTL(true);
  I18nManager.forceRTL(true);

  const [currency, setCurrency] = useState<string[]>([]);

return (
          <DropdownSelect
                      label="Currency"
                      placeholder="Select multiple currencies..."
                      options={[
                        { name: 'نايرا (NGN) ₦', code: 'NGN' },
                        { name: 'دولار (USD) $', code: 'USD' },
                        { name: 'يورو (EUR) €', code: 'EUR' },
                      ]}
                      optionLabel={'name'}
                      optionValue={'code'}
                      selectedValue={currency}
                      onValueChange={(itemValue: any) => setCurrency(itemValue)}
                      isMultiple
                      isSearchable
                      primaryColor={'deepskyblue'}
                      selectedItemsControls={{
                        showRemoveIcon: true,
                      }}
                    />
          )

}

Screen.Recording.2025-10-09.at.12.56.32.PM.mov