Question

我需要将Text组件中的选择文本链接到指向外部网址。我已经包含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>

在TouchableOpacity组件中保持Text内联的最佳方法是什么？

Answer 1

这样怎么样？

import { Text, Linking } from 'react-native';

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

反应原生内联文本链接

1 个答案: