Заменить определенный текст представлением в reactNative

У меня есть текстовая строка с такими символами, как «__» (два символа подчеркивания) в строке всякий раз, когда я сталкиваюсь с двумя символами подчеркивания, я хочу заменить их определенным представлением, таким как поле, и визуализировать его, например:

str = "iam __ and i want to go to __"

поэтому я хочу отобразить iam (здесь хочу отобразить прямоугольный блок) и я хочу перейти к (здесь прямоугольный блок)

Я попытался использовать функцию разделения в js и разделить их на __ и попытался поместить jsx в массив на основе условия, но он отображался в разных строках, есть ли лучший способ сделать это код, который я пробовал:

const stringsArr = str.split('__');
    const toRender = []
    for(let i=0;i<stringsArr.length;i++){
        toRender.push(<Text styles = {styles.emptyBlock} />)
        toRender.push(<Text>{stringsArr[i]}</Text>)
  }