reversed user info and avatar in RTL layout

This commit is contained in:
Sadaqat Ali 2022-01-05 20:34:18 +05:00
parent e7305e28c3
commit 8ab12e379e

View File

@ -1,4 +1,5 @@
import EStyleSheet from 'react-native-extended-stylesheet';
import { NativeModules } from 'react-native';
import scalePx from '../../../utils/scalePx';
export default EStyleSheet.create({
@ -18,14 +19,16 @@ export default EStyleSheet.create({
headerContentWrapper: {
alignItems: 'center',
height: 70,
flexDirection: 'row',
flexDirection: NativeModules.I18nManager.isRTL ? 'row-reverse' : 'row',
alignSelf: 'center',
flex: 1,
},
contentView: {
flex: 4,
},
userAvatar: {
marginLeft: 32,
marginLeft: NativeModules.I18nManager.isRTL ? 15 : 32,
marginRight: NativeModules.I18nManager.isRTL ? 15 : 0,
},
otherUserAvatar: {
borderWidth: 0.1,
@ -36,7 +39,6 @@ export default EStyleSheet.create({
userInfoWrapper: {
alignSelf: 'center',
marginLeft: 15,
marginRight: 8,
width: 120,
},
username: {