在 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 替换为您希望处理点击的任何函数的引用。