React Native用react-native-size-matters时跨平台右箭头无法对齐的解决思路

你现在的对齐逻辑完全靠手动硬凑偏移量实现：

• 两个条目的右箭头分别用left: scale(5)、paddingLeft: scale(80)手动算位置，本质是在估测前面图标、文字占了多宽的距离，给箭头腾位置
• 不同设备的屏幕宽度、文字渲染宽度存在细微差异，这种硬凑的像素值自然会出现“Android调好iPhone就乱、iPhone调好Android就错”的问题
• 目前的行容器宽度是跟着内容走的，没有撑满全宽，根本不具备“靠屏幕右侧对齐”的布局基础

完全不需要开启RTL布局，React Native 原生Flexbox就可以实现你要的“从右侧锚定元素、不依赖左侧距离计算”的效果，核心改动三点：

• 给每个条目的行容器加width: '100%'，让它撑满屏幕宽度，具备对齐的基础
• 给右箭头的容器加marginLeft: 'auto'，这个属性会自动把元素推到当前行的最右侧，完全不依赖前面元素的宽度，不管前面的图标、文字占了多少空间，箭头永远贴在离屏幕右边固定边距的位置
• 删掉所有手动写的left、硬凑的paddingLeft偏移量，统一给箭头加固定的右侧内边距（比如paddingRight: scale(15)），保证箭头离屏幕边缘的距离在所有设备上完全一致

把两个条目的布局替换成下面的结构即可，两个箭头会实现100%对齐：

{/* 账户设置条目 */}
<TouchableOpacity>
  <View style={{
    flexDirection: 'row', 
    alignItems: 'center',
    width: '100%',
    top: scale(150),
    paddingRight: scale(15)
  }}>
    <View style={{paddingLeft: scale(10)}}>
      <MaterialCommunityIcons name="account-outline" color='white' size={50} />
    </View>
    <View style={{paddingLeft: scale(10)}}>
      <Text style={styles.accountPlaceholder}>Click for Account Settings</Text>
    </View>
    <View style={{marginLeft: 'auto'}}>
      <MaterialCommunityIcons name="chevron-right" color='white' size={50} />
    </View>
  </View>
</TouchableOpacity>

{/* 退出登录条目 */}
<TouchableOpacity>
  <View style={{
    flexDirection: 'row', 
    alignItems: 'center',
    width: '100%',
    top: scale(150), 
    paddingTop: scale(30),
    paddingRight: scale(15)
  }}>
    <View style={{paddingLeft: scale(15)}}>
      <MaterialCommunityIcons name="logout" color='white' size={50} />
    </View>
    <View style={{paddingLeft: scale(10)}}>
      <Text style={styles.accountPlaceholder}>Click to Sign Out</Text>
    </View>
    <View style={{marginLeft: 'auto'}}>
      <MaterialCommunityIcons name="chevron-right" color='white' size={50} />
    </View>
  </View>
</TouchableOpacity>

• 两个箭头的位置完全由右侧边距决定，和前面的图标、文字长度没有任何关联，哪怕后续修改文字长度，箭头也不会错位
• 不需要手动适配不同屏幕的左边距，Android、iOS的渲染效果完全统一
• 把原来每个子元素单独设置的垂直居中逻辑，统一挪到行容器上用alignItems: 'center'实现，减少冗余代码

内容的提问来源于stack exchange，提问作者Justin Priede