React native 如何增加嵌套可单击文本的可单击区域

如何增加react native中嵌套文本组件的可单击区域？我可以创建一个嵌套超链接，如下所示：

<Text>Please click <Text onPress={doSomething}>here</Text> to read more</Text>

请点击此处阅读更多信息

然而，这个超链接的可点击区域很小，这导致了糟糕的用户体验。用户必须向该区域发送垃圾邮件才能触发此超链接。有什么建议吗

---

您还可以查看这个零食示例（它显示了web上所需的行为，在android上不起作用）：

您要处理的是

文本中的
元素，而
文本中的
元素在android中不是很灵活

因此，实现这一点的一种方法是使突出显示的文本周围的整行可以单击

这使您的代码如下所示

<Text onPress={() => alert('Hit')}>
    I can create a nested hyperlink like{' '}
    <Text style={{ color: 'blue' }}>this</Text>. However, the clickable
    area of this hyperlink is tiny, which leads to bad UX.
</Text>

alert（'Hit'）}>
我可以创建一个嵌套超链接，如{'}
这但是，可以单击
这个超链接的区域很小，这会导致糟糕的用户体验。

这是一个例子。查看。
在可单击元素中添加填充。我尝试过，但不起作用。尝试使用我用零食更新了问题示例发布您的最小可复制代码。您好，添加了答案。谢谢，但这只适用于网络，而不适用于android或ios。我添加了背景色来可视化可点击区域：啊，明白了。我会设法解决这个问题。但就我现在所知。Android不支持绝对定位的内联文本元素。其中一个方法是让你的整行文字都可以点击，但只改变实际文字的颜色。我想这对我也适用，你可以再发一份零食吗？@JohnDoe我已经更新了我的答案。看看。哦，对不起，我想我理解错了。我有一篇长文章（父文本元素），里面嵌套了多个链接，所以在这些情况下它不起作用。。