2016-12-08 63 views
0

我需要選擇文本從Text組件內連接起來,指向外部URL。我已經包含一個TouchableOpacity並根據需要指定了寬度和高度,但是TouchableOpacity現在似乎與相鄰文本重疊。例如:陣營本地嵌入式文本鏈接

<Text>Lorem ipsum dolor sit amet, <TouchableOpacity onPress={() => {Linking.openURL('http://www.example.com/')}} style={{width: 108, height: 11}}><Text>consectetur adipiscing</Text></TouchableOpacity> elit. Fusce congue malesuada euismod.</Text>

什麼是保持內Text組件TouchableOpacity小號內嵌的最佳方式?

回答

4

這是怎麼回事?

<Text>Hey guys I wanted to share this awesome thing just press</Text> 
<Text 
    style={{color: 'red'}} 
    onPress={() => {Linking.openURL('http://www.example.com/')}} 
> 
    here 
</Text> 
<Text>to see it in your browser</Text> 
+0

這是非常合情合理的。我以爲我曾嘗試過這種方法,並得到一個錯誤,但它的工作原理。 –