使用editable = true和dataDetectorTypes反应本机TextInput

Question

我试图创建一个TextInput组件，该组件既可编辑，又具有可单击的url。根据react本机文档，仅当editable = {false}时才支持dataDetectorTypes属性。

ChoiceId  QuestionId    ChoiceName
1             2         Strongly Agree
2             2         Disagree
3             2         Agree
4             3         Strongly Agree
5             3         Disagree
6             3         Agree     
7             4         Strongly Agree
8             4         Disagree
9             4         Agree  
10            5         Registered Nurse
11            5         Nurse Practitioner
12            5         Pharmacist

有人找到解决此限制的方法吗？似乎应该有可能。我想要的行为是...

1. 点击网址应在浏览器中打开
2. 点击其他任何位置都应在该位置开始编辑
3. 当TextInput当前具有焦点时，如果该链接不再可单击，就可以了

Answer 1

要解决这个问题，我唯一想到的就是将editable值存储在状态中，然后单击某些Edit按钮将状态从editable更改为true。

onBlur会将状态切换回false

我以前没有尝试过，只是建议尝试变通办法或在两者之间找到中间立场。

Answer 2

我的建议是将输入字段的URL居中放置在较大的div内。

使输入字段中的文本不要太大，单击时会触发一些函数，该函数重定向到您所在州的页面。 然后，当您点击外部div时，您会触发一个函数来专注于输入字段并编辑其值。