Hide Android Navigator shows a border
Im using react native navigation V1 and i set my nav bar transparent to true, in my IOS emulator looks good but in Android emulator show me something like a border, and i don't know how hide or remove this section.
//add this to change top bar navigator.
navigatorStyle:
drawUnderNavBar: true,
navBarTranslucent: true,
navBarTransparent: true,
navBarBackgroundColor: 'transparent',
,
Example how looks in Android
android react-native wix-react-native-navigation asked Nov 14 '18 at 20:35
Martin Duran AnguianoMartin Duran Anguiano
1
add a comment |
Im using react native navigation V1 and i set my nav bar transparent to true, in my IOS emulator looks good but in Android emulator show me something like a border, and i don't know how hide or remove this section.
//add this to change top bar navigator.
navigatorStyle:
drawUnderNavBar: true,
navBarTranslucent: true,
navBarTransparent: true,
navBarBackgroundColor: 'transparent',
,
Example how looks in Android
android react-native wix-react-native-navigation asked Nov 14 '18 at 20:35
Martin Duran AnguianoMartin Duran Anguiano
1
That's not a border, its an elevation. ANd you see it on top because you aren't displaying it at the top of the screen, you have a margin of some sort.
– Gabe Sechan
Nov 14 '18 at 20:41
Also, in an android app the hamburger menu is usually on the left. I don't know if you're bringing this in from some RN component, but it screams "I didn't care enough about your platform to actually make it look like an Android app". Unless you're in an RTL language
– Gabe Sechan
Nov 14 '18 at 20:42
Thanks for the help, I found the solution thanks to you indicate that it is an elevation, and for the design ... well I think the same but the designer said in that place should go ...and the boss to.
– Martin Duran Anguiano
Nov 14 '18 at 21:43
i use topBarElevationShadowEnabled to solve this problem.
– Martin Duran Anguiano
Nov 14 '18 at 21:44
add a comment |
Im using react native navigation V1 and i set my nav bar transparent to true, in my IOS emulator looks good but in Android emulator show me something like a border, and i don't know how hide or remove this section.
//add this to change top bar navigator.
navigatorStyle:
drawUnderNavBar: true,
navBarTranslucent: true,
navBarTransparent: true,
navBarBackgroundColor: 'transparent',
,
Example how looks in Android
android react-native wix-react-native-navigation asked Nov 14 '18 at 20:35
Martin Duran AnguianoMartin Duran Anguiano
1
Im using react native navigation V1 and i set my nav bar transparent to true, in my IOS emulator looks good but in Android emulator show me something like a border, and i don't know how hide or remove this section.
//add this to change top bar navigator.
navigatorStyle:
drawUnderNavBar: true,
navBarTranslucent: true,
navBarTransparent: true,
navBarBackgroundColor: 'transparent',
,
Example how looks in Android
android react-native wix-react-native-navigation android react-native wix-react-native-navigation asked Nov 14 '18 at 20:35
Martin Duran AnguianoMartin Duran Anguiano
1
asked Nov 14 '18 at 20:35
Martin Duran AnguianoMartin Duran Anguiano
1
asked Nov 14 '18 at 20:35
Martin Duran AnguianoMartin Duran Anguiano
1
asked Nov 14 '18 at 20:35
Martin Duran AnguianoMartin Duran Anguiano
1
asked Nov 14 '18 at 20:35
Martin Duran AnguianoMartin Duran Anguiano
1
1
That's not a border, its an elevation. ANd you see it on top because you aren't displaying it at the top of the screen, you have a margin of some sort.
– Gabe Sechan
Nov 14 '18 at 20:41
Also, in an android app the hamburger menu is usually on the left. I don't know if you're bringing this in from some RN component, but it screams "I didn't care enough about your platform to actually make it look like an Android app". Unless you're in an RTL language
– Gabe Sechan
Nov 14 '18 at 20:42
Thanks for the help, I found the solution thanks to you indicate that it is an elevation, and for the design ... well I think the same but the designer said in that place should go ...and the boss to.
– Martin Duran Anguiano
Nov 14 '18 at 21:43
i use topBarElevationShadowEnabled to solve this problem.
– Martin Duran Anguiano
Nov 14 '18 at 21:44
add a comment |
That's not a border, its an elevation. ANd you see it on top because you aren't displaying it at the top of the screen, you have a margin of some sort.
– Gabe Sechan
Nov 14 '18 at 20:41
Also, in an android app the hamburger menu is usually on the left. I don't know if you're bringing this in from some RN component, but it screams "I didn't care enough about your platform to actually make it look like an Android app". Unless you're in an RTL language
– Gabe Sechan
Nov 14 '18 at 20:42
Thanks for the help, I found the solution thanks to you indicate that it is an elevation, and for the design ... well I think the same but the designer said in that place should go ...and the boss to.
– Martin Duran Anguiano
Nov 14 '18 at 21:43
i use topBarElevationShadowEnabled to solve this problem.
– Martin Duran Anguiano
Nov 14 '18 at 21:44
That's not a border, its an elevation. ANd you see it on top because you aren't displaying it at the top of the screen, you have a margin of some sort.
– Gabe Sechan
Nov 14 '18 at 20:41
That's not a border, its an elevation. ANd you see it on top because you aren't displaying it at the top of the screen, you have a margin of some sort.
– Gabe Sechan
Nov 14 '18 at 20:41
Also, in an android app the hamburger menu is usually on the left. I don't know if you're bringing this in from some RN component, but it screams "I didn't care enough about your platform to actually make it look like an Android app". Unless you're in an RTL language
– Gabe Sechan
Nov 14 '18 at 20:42
Also, in an android app the hamburger menu is usually on the left. I don't know if you're bringing this in from some RN component, but it screams "I didn't care enough about your platform to actually make it look like an Android app". Unless you're in an RTL language
– Gabe Sechan
Nov 14 '18 at 20:42
Thanks for the help, I found the solution thanks to you indicate that it is an elevation, and for the design ... well I think the same but the designer said in that place should go ...and the boss to.
– Martin Duran Anguiano
Nov 14 '18 at 21:43
Thanks for the help, I found the solution thanks to you indicate that it is an elevation, and for the design ... well I think the same but the designer said in that place should go ...and the boss to.
– Martin Duran Anguiano
Nov 14 '18 at 21:43
i use topBarElevationShadowEnabled to solve this problem.
– Martin Duran Anguiano
Nov 14 '18 at 21:44
i use topBarElevationShadowEnabled to solve this problem.
– Martin Duran Anguiano
Nov 14 '18 at 21:44
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%2f53308344%2fhide-android-navigator-shows-a-border%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.
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%2f53308344%2fhide-android-navigator-shows-a-border%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
That's not a border, its an elevation. ANd you see it on top because you aren't displaying it at the top of the screen, you have a margin of some sort.
– Gabe Sechan
Nov 14 '18 at 20:41
Also, in an android app the hamburger menu is usually on the left. I don't know if you're bringing this in from some RN component, but it screams "I didn't care enough about your platform to actually make it look like an Android app". Unless you're in an RTL language
– Gabe Sechan
Nov 14 '18 at 20:42
Thanks for the help, I found the solution thanks to you indicate that it is an elevation, and for the design ... well I think the same but the designer said in that place should go ...and the boss to.
– Martin Duran Anguiano
Nov 14 '18 at 21:43
i use topBarElevationShadowEnabled to solve this problem.
– Martin Duran Anguiano
Nov 14 '18 at 21:44