iOS Webview doesn’t change url when navigating inside SPA
I’ve created an app with React and Redux where the navigation is done using Link from react-router-dom and BrowserRouter. This makes my page act like expected and like any other SPA, i.e. the state is stored when navigating between pages etc. However, it seems like the Webview inside the Instagram app on iOS doesn’t pick up the changes in the url when using <Link>. I tried changing to an anchor tag, <a>, and that worked, but that’s not what I want to do. I also tried using an Android phone and that worked as expected with Link.
Does anyone know if there is anything I could do, for example pass an extra parameter to the Link component? Or is this a bug in the Webview?
ios reactjs react-router wkwebview
asked Nov 21 '18 at 12:16
Idaswe
465
add a comment |
I’ve created an app with React and Redux where the navigation is done using Link from react-router-dom and BrowserRouter. This makes my page act like expected and like any other SPA, i.e. the state is stored when navigating between pages etc. However, it seems like the Webview inside the Instagram app on iOS doesn’t pick up the changes in the url when using <Link>. I tried changing to an anchor tag, <a>, and that worked, but that’s not what I want to do. I also tried using an Android phone and that worked as expected with Link.
Does anyone know if there is anything I could do, for example pass an extra parameter to the Link component? Or is this a bug in the Webview?
ios reactjs react-router wkwebview
asked Nov 21 '18 at 12:16
Idaswe
465
add a comment |
I’ve created an app with React and Redux where the navigation is done using Link from react-router-dom and BrowserRouter. This makes my page act like expected and like any other SPA, i.e. the state is stored when navigating between pages etc. However, it seems like the Webview inside the Instagram app on iOS doesn’t pick up the changes in the url when using <Link>. I tried changing to an anchor tag, <a>, and that worked, but that’s not what I want to do. I also tried using an Android phone and that worked as expected with Link.
Does anyone know if there is anything I could do, for example pass an extra parameter to the Link component? Or is this a bug in the Webview?
ios reactjs react-router wkwebview
asked Nov 21 '18 at 12:16
Idaswe
465
I’ve created an app with React and Redux where the navigation is done using Link from react-router-dom and BrowserRouter. This makes my page act like expected and like any other SPA, i.e. the state is stored when navigating between pages etc. However, it seems like the Webview inside the Instagram app on iOS doesn’t pick up the changes in the url when using <Link>. I tried changing to an anchor tag, <a>, and that worked, but that’s not what I want to do. I also tried using an Android phone and that worked as expected with Link.
Does anyone know if there is anything I could do, for example pass an extra parameter to the Link component? Or is this a bug in the Webview?
ios reactjs react-router wkwebview
ios reactjs react-router wkwebview
asked Nov 21 '18 at 12:16
Idaswe
465
asked Nov 21 '18 at 12:16
Idaswe
465
asked Nov 21 '18 at 12:16
Idaswe
465
asked Nov 21 '18 at 12:16
Idaswe
465
asked Nov 21 '18 at 12:16
Idaswe
465
465
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53411858%2fios-webview-doesn-t-change-url-when-navigating-inside-spa%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53411858%2fios-webview-doesn-t-change-url-when-navigating-inside-spa%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
