Реагируйте на встроенное выравнивание текста рядом друг с другом.

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>

Есть идеи?