react-native-navigation is backwards on iOS device
Strange situation here, and google can't seem to find me the answer. I have a small (i.e. 'hello world') application done in react-native for iOS and I am finding that what renders in the simulator is quite different than what renders on my device itself.
Simulator (expected behavior):
Here is what the simulator displays (and is what I expect): List View on the Simulator
And here is what I see if I edit an entry (also expected): Details View on the Simulator
Device (unexpected behavior):
When I view this same code on my device, I see the following:
List View on my device
And editing an entry looks like this: Details View on my device
Does anyone know what's going on with the navigation? It happens even with a default expo project built from scratch. Here is my App.js file where I handle the navigation:
import React from 'react';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import BrandListScreen from './components/BrandListScreen';
import BrandDetailScreen from './components/BrandDetailScreen';
import BrandAddScreen from './components/BrandAddScreen';
import BrandEditScreen from './components/BrandEditScreen';
const RootStack = createStackNavigator(
{
BrandList: BrandListScreen,
BrandDetails: BrandDetailScreen,
BrandAdd: BrandAddScreen,
BrandEdit: BrandEditScreen,
},
{
initialRouteName: 'BrandList',
defaultNavigationOptions: {
headerStyle: {
backgroundColor: '#777777'
},
headerTintColor: '#FFF',
headerTitleStyle: {
fontWeight: 'bold',
},
},
},
);
const App = createAppContainer(RootStack);
export default App;
I certainly do appreciate the second set of eyes on this, as I'm stumped. (And I'm happy to be told that I'm missing something obvious.)
Thanks!
ios react-native navigation react-native-navigation
asked Dec 27 at 13:11
Taylor Mahony
11
New contributor
Taylor Mahony is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
Strange situation here, and google can't seem to find me the answer. I have a small (i.e. 'hello world') application done in react-native for iOS and I am finding that what renders in the simulator is quite different than what renders on my device itself.
Simulator (expected behavior):
Here is what the simulator displays (and is what I expect): List View on the Simulator
And here is what I see if I edit an entry (also expected): Details View on the Simulator
Device (unexpected behavior):
When I view this same code on my device, I see the following:
List View on my device
And editing an entry looks like this: Details View on my device
Does anyone know what's going on with the navigation? It happens even with a default expo project built from scratch. Here is my App.js file where I handle the navigation:
import React from 'react';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import BrandListScreen from './components/BrandListScreen';
import BrandDetailScreen from './components/BrandDetailScreen';
import BrandAddScreen from './components/BrandAddScreen';
import BrandEditScreen from './components/BrandEditScreen';
const RootStack = createStackNavigator(
{
BrandList: BrandListScreen,
BrandDetails: BrandDetailScreen,
BrandAdd: BrandAddScreen,
BrandEdit: BrandEditScreen,
},
{
initialRouteName: 'BrandList',
defaultNavigationOptions: {
headerStyle: {
backgroundColor: '#777777'
},
headerTintColor: '#FFF',
headerTitleStyle: {
fontWeight: 'bold',
},
},
},
);
const App = createAppContainer(RootStack);
export default App;
I certainly do appreciate the second set of eyes on this, as I'm stumped. (And I'm happy to be told that I'm missing something obvious.)
Thanks!
ios react-native navigation react-native-navigation
asked Dec 27 at 13:11
Taylor Mahony
11
New contributor
Taylor Mahony is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
Strange situation here, and google can't seem to find me the answer. I have a small (i.e. 'hello world') application done in react-native for iOS and I am finding that what renders in the simulator is quite different than what renders on my device itself.
Simulator (expected behavior):
Here is what the simulator displays (and is what I expect): List View on the Simulator
And here is what I see if I edit an entry (also expected): Details View on the Simulator
Device (unexpected behavior):
When I view this same code on my device, I see the following:
List View on my device
And editing an entry looks like this: Details View on my device
Does anyone know what's going on with the navigation? It happens even with a default expo project built from scratch. Here is my App.js file where I handle the navigation:
import React from 'react';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import BrandListScreen from './components/BrandListScreen';
import BrandDetailScreen from './components/BrandDetailScreen';
import BrandAddScreen from './components/BrandAddScreen';
import BrandEditScreen from './components/BrandEditScreen';
const RootStack = createStackNavigator(
{
BrandList: BrandListScreen,
BrandDetails: BrandDetailScreen,
BrandAdd: BrandAddScreen,
BrandEdit: BrandEditScreen,
},
{
initialRouteName: 'BrandList',
defaultNavigationOptions: {
headerStyle: {
backgroundColor: '#777777'
},
headerTintColor: '#FFF',
headerTitleStyle: {
fontWeight: 'bold',
},
},
},
);
const App = createAppContainer(RootStack);
export default App;
I certainly do appreciate the second set of eyes on this, as I'm stumped. (And I'm happy to be told that I'm missing something obvious.)
Thanks!
ios react-native navigation react-native-navigation
asked Dec 27 at 13:11
Taylor Mahony
11
New contributor
Taylor Mahony is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Strange situation here, and google can't seem to find me the answer. I have a small (i.e. 'hello world') application done in react-native for iOS and I am finding that what renders in the simulator is quite different than what renders on my device itself.
Simulator (expected behavior):
Here is what the simulator displays (and is what I expect): List View on the Simulator
And here is what I see if I edit an entry (also expected): Details View on the Simulator
Device (unexpected behavior):
When I view this same code on my device, I see the following:
List View on my device
And editing an entry looks like this: Details View on my device
Does anyone know what's going on with the navigation? It happens even with a default expo project built from scratch. Here is my App.js file where I handle the navigation:
import React from 'react';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import BrandListScreen from './components/BrandListScreen';
import BrandDetailScreen from './components/BrandDetailScreen';
import BrandAddScreen from './components/BrandAddScreen';
import BrandEditScreen from './components/BrandEditScreen';
const RootStack = createStackNavigator(
{
BrandList: BrandListScreen,
BrandDetails: BrandDetailScreen,
BrandAdd: BrandAddScreen,
BrandEdit: BrandEditScreen,
},
{
initialRouteName: 'BrandList',
defaultNavigationOptions: {
headerStyle: {
backgroundColor: '#777777'
},
headerTintColor: '#FFF',
headerTitleStyle: {
fontWeight: 'bold',
},
},
},
);
const App = createAppContainer(RootStack);
export default App;
I certainly do appreciate the second set of eyes on this, as I'm stumped. (And I'm happy to be told that I'm missing something obvious.)
Thanks!
ios react-native navigation react-native-navigation
ios react-native navigation react-native-navigation
asked Dec 27 at 13:11
Taylor Mahony
11
New contributor
Taylor Mahony is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Dec 27 at 13:11
Taylor Mahony
11
New contributor
Taylor Mahony is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Dec 27 at 13:11
Taylor Mahony
11
New contributor
Taylor Mahony is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Dec 27 at 13:11
Taylor Mahony
11
asked Dec 27 at 13:11
Taylor Mahony
11
11
New contributor
Taylor Mahony is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Taylor Mahony is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Taylor Mahony is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You should check the region of your device in Settings and also the language set. If your device language is set to a language that is read from right to left, iPhone renders its UI accordingly.
answered 2 days ago
Sahil
1422
That's great advice, but I just checked the region and language settings on my device and they are as expected (iPhone Language: English, Region: United States). Strange.
– Taylor Mahony
yesterday
add a comment |
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
});
}
});
Taylor Mahony is a new contributor. Be nice, and check out our Code of Conduct.
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%2f53945673%2freact-native-navigation-is-backwards-on-ios-device%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You should check the region of your device in Settings and also the language set. If your device language is set to a language that is read from right to left, iPhone renders its UI accordingly.
answered 2 days ago
Sahil
1422
That's great advice, but I just checked the region and language settings on my device and they are as expected (iPhone Language: English, Region: United States). Strange.
– Taylor Mahony
yesterday
add a comment |
You should check the region of your device in Settings and also the language set. If your device language is set to a language that is read from right to left, iPhone renders its UI accordingly.
answered 2 days ago
Sahil
1422
That's great advice, but I just checked the region and language settings on my device and they are as expected (iPhone Language: English, Region: United States). Strange.
– Taylor Mahony
yesterday
add a comment |
You should check the region of your device in Settings and also the language set. If your device language is set to a language that is read from right to left, iPhone renders its UI accordingly.
answered 2 days ago
Sahil
1422
You should check the region of your device in Settings and also the language set. If your device language is set to a language that is read from right to left, iPhone renders its UI accordingly.
answered 2 days ago
Sahil
1422
answered 2 days ago
Sahil
1422
answered 2 days ago
Sahil
1422
answered 2 days ago
Sahil
1422
1422
That's great advice, but I just checked the region and language settings on my device and they are as expected (iPhone Language: English, Region: United States). Strange.
– Taylor Mahony
yesterday
add a comment |
That's great advice, but I just checked the region and language settings on my device and they are as expected (iPhone Language: English, Region: United States). Strange.
– Taylor Mahony
yesterday
That's great advice, but I just checked the region and language settings on my device and they are as expected (iPhone Language: English, Region: United States). Strange.
– Taylor Mahony
yesterday
That's great advice, but I just checked the region and language settings on my device and they are as expected (iPhone Language: English, Region: United States). Strange.
– Taylor Mahony
yesterday
add a comment |
Taylor Mahony is a new contributor. Be nice, and check out our Code of Conduct.
Taylor Mahony is a new contributor. Be nice, and check out our Code of Conduct.
Taylor Mahony is a new contributor. Be nice, and check out our Code of Conduct.
Taylor Mahony is a new contributor. Be nice, and check out our Code of Conduct.
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%2f53945673%2freact-native-navigation-is-backwards-on-ios-device%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
