У меня есть плоский список, отображающий вид ниже
<TouchableOpacity style= {styles.AdRow} onPress={() => this.Navigatioe(item.id)}>
<View style = {styles.LeftItems}>
<Image source={{uri:item.url}} style={styles.ImagePRosa} />
</View>
<View style = {styles.RightItems}>
<Text style = {styles.TitleText}>{item.title}</Text>
<Text style = {styles.TitlePrice}>{item.price}</Text>
<Image source={require('../Svg/Location.png')} style={styles.ImagePRosing} />
<Text style = {styles.TitleCity}>{item.city}</Text>
<Text style = {styles.TitleNeib}>{item.neib}</Text>
</View>
</TouchableOpacity>
, а стиль -
LeftItems:{
width:"40%",
height:"100%",
},
RightItems:{
width:"60%",
position:"relative",
height:"100%",
},
TitleText:{
position:"absolute",
top:4,
width:"100%",
height:65,
left:0,
right:0,
},
TitlePrice:{
position:"absolute",
bottom:0,
width:"40%",
height:25,
left:5,
},
TitleCity:{
position:"absolute",
bottom:23,
width:130,
height:18,
right:40,
},
TitleNeib:{
position:"absolute",
bottom:2,
width:130,
height:18,
right:40,
},
, и это требуется как для rtl, так и для ltr, но поскольку в документах указано
Нет "истинного" влево / вправо
Как обсуждалось ранее, мы отображаем левый / правый стили со стороны JS на начало / конец, все левые в коде для разметки RTL становятся "правыми""на экране, и право в коде становится" левым "на экране.Это удобно, потому что вам не нужно слишком сильно менять код вашего продукта, но это означает, что в коде нет способа указать «истинное левое» или «истинное правое».В будущем, возможно, понадобится разрешить компоненту управлять своим направлением независимо от языка.
поэтому нет возможности поддерживать его в том же виде во время rtl и ltr, так как данные в нем мультиязычны