How to correctly display links inside text?

Question

React Native

I need to do it like this .
While I did so

<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>

but since there are 4 components, it is normally not possible to make it up. Are there any other implementations of such a thing?

Answer 1

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