Как корректно отобразить ссылки внутри текста?

Question

[ajlee4]

Мне нужно сделать вот так .
Пока я сделал так

<View style={styles.agreementTitle}>
                    <ElTitle>{translate('ohers.agree')}</ElTitle>
                    <ElLink onPress={() => props.navigation.navigate('agreement', {
                        uri: 'privacy'
                    })}>{translate('elements.labels.policy')}</ElLink>
                    <ElTitle>{translate('ohers.and')}</ElTitle>
                    <ElLink onPress={() => props.navigation.navigate('agreement', {
                        uri: 'terms'
                    })}>{translate('elements.labels.terms')}</ElLink>
                </View>

но так как тут 4 компонента сверстать это нормально не представляется возможным. Есть ли другие варианты реализации такой штуки?

Answer 1

[davidnum95]

<Text>
 I agree with
 <TouchableOpacity onPress={() => {}}>
  <Text>Privacy</Text>
 <TouchableOpacity />
</Text>