React-nativeでは、複数のテキストの複数行を作成する方法は？

Question

私はこの

<View> 
    <Text>By clicking this I accept </Text> 
    <TouchableHighlight> 
    <Text>Terms and Conditions, </Text> 
    </TouchableHighlight> 
    <TouchableHighlight> 
    <Text>Privacy Policy</Text> 
    </TouchableHighlight> 
</View> 

のようなものを持っており、それがこの

By clicking this I accept 
Terms and Conditions 
Privacy Policy 

のように見えるか、私は行でそれを持っている場合、それはこのようになります

|          |   
| By clicking this I accept Terms and Con|ditions, Privacy Policy 
|          | 

（ |は、画面の境界線を示しています）

と思われる

|          | 
| By clicking this I accept Terms and | 
| Conditions, Privacy Policy   | 

つまり、単語が画面に収まらない場合は、次の行に配置されます。複数行のテキストと同じですが、複数のテキストとタッチ可能なハイライトがあります。これも可能ですか？

Answer 1

このようなものを試してみてください。

<Text> 
    <Text>By clicking this I accept </Text> 
    <Text onPress={() => console.log('terms pressed')} style={{color: 'red'}}>Terms and Conditions</Text> 
    <Text>,</Text> 
    <Text onPress={() => console.log('privacy pressed')} style={{color: 'red'}}>Privacy Policy</Text> 
</Text> 

console.logを、クリックを処理したい機能への参照に置き換えてください。