Как добавить еще один текст в конце текста, когда текст имеет свойство NumberOfLines

Question

Я хочу добавить еще один текст (кликабельный), который также должен быть кликабельным в конце компонента <Text>, так что я имею в виду, что я должен иметь возможность нажимать кнопку, которая находится в конце текста, но <Text> также должен иметь numberOfLines={2} в то же время, см. приведенный ниже пример в точности похож на тот, который я хочу;

То, что я пробовал, было как ниже; Это ставит Read More в третью строку, а я хочу, чтобы она была в конце второй строки

<View>
    <Text
      numberOfLines={2}
      ellipsizeMode={'tail'}
      style={{
        fontSize: 12,
        color: '#3f3f3f',
      }}>
      {data[0].commentBody}
    </Text>
    <TouchableOpacity>
      <Text
        style={{
          fontSize: 12,
          color: 'blue',
        }}>
        Read more
      </Text>
    </TouchableOpacity>
  </View>

Есть ли способ достичь этого? Заранее спасибо.