Estou construindo um projeto em react com typescript que envolve leitura de código QR, o que acontece com os usuários de iphone é que o QR code é lido a partir do leitor de códigos do iphone e o link é aberto numa web-preview do aplicativo leitor de códigos, este link abre uma página com dois botões onde o usuário vai escolher se deseja abrir o próximo link em qual navegador por exemplo, primeiramente quando ele escolhesse abrir com o safari eu deixava o link assim: https://meusite.com/home/23883298393232/ueuweyuwe7
O problema é que desse jeito o link abre também na web-preview, eu quero que ao escolher abrir com o safari este link seja aberto específicamente no safari
Tentei fazer desta forma:
function openToSafari() {
window.open('safari://meusite.com/home/23883298393232/ueuweyuwe7', '_blank');
}
O problema é que ao fazer assim ele aparece a seguinte mensagem:
"O safari não consegue abrir a página porque o endereço não é válido"
Mas se o usuário escolher abrir com os outros navegadores funciona muito bem a abertura do link, mas se escolher o safari ele não abre e dá esta mensagem.
Alguém poderia dar uma explicação de como eu poderia superar isso? Desde já, agradeço!
Para abrir com o chrome estou fazendo desta forma e funciona muito bem:
function openToChrome() {
window.location.href = googlechrome://meusite.com/home/23883298393232/ueuweyuwe7
}
Uncaught SyntaxError: Unexpected token ':'
, não deveria funcionar muito bem. Em minha opinião o usuário deveria poder escolher o navegador de sua preferência. Agora se a sua dúvida é sobre ReactNative e não React (considerando que a tag que usou na pergunta está errada) deveria usar o reactnative.dev/docs/linkingwindow.open("x-safari-https://meusite.com/home/", '_blank');