FIX: small RTL alignment issue #3677

This commit is contained in:
Marcos Rodriguez Vélez 2021-08-26 14:00:23 -04:00
parent 73944174d5
commit bbc364399a
2 changed files with 9 additions and 1 deletions

View file

@ -413,6 +413,7 @@ export const BlueListItem = React.memo(props => {
color: props.disabled ? colors.buttonDisabledTextColor : colors.foregroundColor,
fontSize: 16,
fontWeight: '500',
writingDirection: I18nManager.isRTL ? 'rtl' : 'ltr',
}}
numberOfLines={0}
accessible={props.switch === undefined}
@ -423,7 +424,13 @@ export const BlueListItem = React.memo(props => {
<ListItem.Subtitle
numberOfLines={props.subtitleNumberOfLines ?? 1}
accessible={props.switch === undefined}
style={{ flexWrap: 'wrap', color: colors.alternativeTextColor, fontWeight: '400', fontSize: 14 }}
style={{
flexWrap: 'wrap',
writingDirection: I18nManager.isRTL ? 'rtl' : 'ltr',
color: colors.alternativeTextColor,
fontWeight: '400',
fontSize: 14,
}}
>
{props.subtitle}
</ListItem.Subtitle>

View file

@ -425,6 +425,7 @@ const styles = StyleSheet.create({
fontSize: 14,
},
expiresIn: {
writingDirection: I18nManager.isRTL ? 'rtl' : 'ltr',
color: '#81868e',
fontSize: 12,
left: 20,