反应本机Flex对齐文本彼此相邻

Question

我想使内联文本彼此相邻对齐，但对不同的语言有rtl效果。

我对齐了<TEXT>标签内的文本，它给了我想要的结果，但是删除了React提供的开箱即用的本地化支持：

我想获得此结果，但我没有添加'00123'，而是添加了日期，并从底部的行中删除了该日期，因此如何获取电池图像，状态字和实际状态以使其对齐足够像图像吗？

这是我尝试过的：

<View>

            <View style={{ marginBottom: 10, marginTop: 5, flex : 1, flexDirection: 'row' }}>

              <View style={{ flex : 1, alignItems: 'flex-start' }}>

                <LinearTextGradient locations={[0, 1]} start={{x: 0, y: 0}} end={{x: 1, y: 0}} colors={['#a4d294', '#3ac6f3']} style={{ fontWeight: 'bold' }}>

                  {singleCase.patient.name}

                </LinearTextGradient>

              </View>

              <View style={{ flex : 1, alignItems: 'flex-end' }}>

                <Text style={{ fontWeight: '300', color: 'grey' }}> { parsedDate } </Text>

              </View>

            </View>

            <View style={{ marginBottom: 10, flex : 1, flexDirection: 'row', alignItems: 'flex-start' }}>

              <Text> { singleCase.additionalInformation } </Text>

            </View>

            <View style={{ marginBottom: 10, flex : 1, flexDirection: 'row'}}>

              <Image style={ styles.statusImage } source={require('../images/status.png')} />

              <View style={{ flex : 3.4, alignItems: 'flex-start' }}>

                <Text>

                  <Text style={{ marginRight : 30, color : 'rgba(0, 0, 0, .8)' }}> Status </Text>

                  <Text style={{ color : 'rgb(240, 151, 166)' }}> {singleCase.status} </Text>

                </Text>

              </View>

            </View>

          </View>

有什么想法吗？