React-native-paper: Proper RTL support

[satya164]

[colmbrady]

@satya164 Is there any estimated date for V2.0? RTL support is critical to me, but otherwise it seems this library ticks all the boxes.

[satya164]

@colmbrady we don't have an estimate. PRs are welcome on this, or even issues which identify the components which are broken :)

[iyadthayyil]

TODO

• [ ] BottomNavigation
• [x] Button
• [ ] Caption **
• [ ] Card
• [ ] CardActions
• [x] CardContent
• [x] CardCover
• [x] Checkbox
• [x] Chip
• [ ] Dialog
• [x] DialogActions
• [x] DialogContent
• [x] DialogScrollArea
• [ ] DialogTitle **
• [x] Divider
• [x] DrawerItem
• [ ] DrawerSection **
• [x] FAB
• [x] FABGroup
• [ ] Headline **
• [ ] HelperText **
• [ ] ListAccordion **
• [ ] ListItem **
• [ ] ListSection **
• [x] Modal
• [x] Paper
• [ ] Paragraph **
• [x] ProgressBar **
• [x] RadioButton
• [x] RadioButtonGroup
• [ ] Searchbar **
• [ ] Snackbar **
• [ ] Subheading **
• [x] Switch **
• [ ] Text **
• [ ] TextInput **
• [ ] Title **
• [ ] Toolbar
• [ ] ToolbarAction *
• [ ] ToolbarBackAction *
• [ ] ToolbarContent **
• [x] TouchableRipple

** TextAlign issue.

* All icons to be filliped.

** Working when "Force RTL layout direction" option is enabled from developer options not working with I18nManager.forceRTL(true);.

Tested on Android 8.0 !

[saharjedid]

@iyadthayyil i have a wrong position of label when i use the RTL mode please how can i fix it ?

this is my code
mode='outlined'
label=' رقم بطاقة التعريف الوطنية'
numberOfLines={1}
style={this.getStyle().TextInp}
theme={{ colors: {placeholder: 'white', background:'#003489',text: 'white',primary: 'white'}}}

        />

[avirankatzsofi]

Checkbox icon is flipped in RTL (#1675). Will there be a fix anytime soon?

[keiscool2468]

@avirankatzsofi
Chip icon={{source: 'camera', direction: 'rtl'}}
do chip able to apply same logic?