React native navigation Android tab bar icon doesn't appear
up vote
0
down vote
favorite
I am using react-native-navigation for my project, and i have problems when i try to show a icon using Drawables in Android, but in IOS when i set the xcassets it works perfect.
IOS simulator
Android simulator
I follow the instructions and i create all Drawables (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi) for android
Example of my archives in visual studio code
Example of my archives in android studio
the name of my icon is: icon_home.png
My code
tabs: [{
//HomeMenu
screen: "myMenu.MainMenu",
title:"",
label:"",
showIcon: true,
icon: {uri: 'icon_home', scale: 6},
//selectedIcon: {uri: 'homeicons',scale: 6},
navigatorStyle: { //add this to change top bar navigator.
drawUnderNavBar: true,
navBarTranslucent: true,
navBarTransparent: true,
navBarBackgroundColor: 'transparent',
topBarElevationShadowEnabled: false
},
iconInsets: { // add this to change icon position (optional, iOS only)
top: 0, // optional, default is 0.
left: 0, // optional, default is 0.
bottom: -12, // optional, default is 0.
right: 0 // optional, default is 0.
},
style Android
appStyle: { //Android
tabBarButtonColor: '#6c6d70',
tabBarBackgroundColor: '#cccc',
tabBarSelectedButtonColor: 'rgb(50, 184, 201)',
showIcon:true
},
im so new in this framework, i hope some one can help me because im stuck in this point for two days, my last option its import my icon like a image .
android react-native react-native-navigation wix-react-native-navigation asked yesterday
Martin Duran Anguiano
1
New contributor
Martin Duran Anguiano 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 |
up vote
0
down vote
favorite
I am using react-native-navigation for my project, and i have problems when i try to show a icon using Drawables in Android, but in IOS when i set the xcassets it works perfect.
IOS simulator
Android simulator
I follow the instructions and i create all Drawables (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi) for android
Example of my archives in visual studio code
Example of my archives in android studio
the name of my icon is: icon_home.png
My code
tabs: [{
//HomeMenu
screen: "myMenu.MainMenu",
title:"",
label:"",
showIcon: true,
icon: {uri: 'icon_home', scale: 6},
//selectedIcon: {uri: 'homeicons',scale: 6},
navigatorStyle: { //add this to change top bar navigator.
drawUnderNavBar: true,
navBarTranslucent: true,
navBarTransparent: true,
navBarBackgroundColor: 'transparent',
topBarElevationShadowEnabled: false
},
iconInsets: { // add this to change icon position (optional, iOS only)
top: 0, // optional, default is 0.
left: 0, // optional, default is 0.
bottom: -12, // optional, default is 0.
right: 0 // optional, default is 0.
},
style Android
appStyle: { //Android
tabBarButtonColor: '#6c6d70',
tabBarBackgroundColor: '#cccc',
tabBarSelectedButtonColor: 'rgb(50, 184, 201)',
showIcon:true
},
im so new in this framework, i hope some one can help me because im stuck in this point for two days, my last option its import my icon like a image .
android react-native react-native-navigation wix-react-native-navigation asked yesterday
Martin Duran Anguiano
1
New contributor
Martin Duran Anguiano is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
i forgot to set my versions react native = > "0.57.1" react native navigation => "^1.1.487"
– Martin Duran Anguiano
yesterday
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I am using react-native-navigation for my project, and i have problems when i try to show a icon using Drawables in Android, but in IOS when i set the xcassets it works perfect.
IOS simulator
Android simulator
I follow the instructions and i create all Drawables (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi) for android
Example of my archives in visual studio code
Example of my archives in android studio
the name of my icon is: icon_home.png
My code
tabs: [{
//HomeMenu
screen: "myMenu.MainMenu",
title:"",
label:"",
showIcon: true,
icon: {uri: 'icon_home', scale: 6},
//selectedIcon: {uri: 'homeicons',scale: 6},
navigatorStyle: { //add this to change top bar navigator.
drawUnderNavBar: true,
navBarTranslucent: true,
navBarTransparent: true,
navBarBackgroundColor: 'transparent',
topBarElevationShadowEnabled: false
},
iconInsets: { // add this to change icon position (optional, iOS only)
top: 0, // optional, default is 0.
left: 0, // optional, default is 0.
bottom: -12, // optional, default is 0.
right: 0 // optional, default is 0.
},
style Android
appStyle: { //Android
tabBarButtonColor: '#6c6d70',
tabBarBackgroundColor: '#cccc',
tabBarSelectedButtonColor: 'rgb(50, 184, 201)',
showIcon:true
},
im so new in this framework, i hope some one can help me because im stuck in this point for two days, my last option its import my icon like a image .
android react-native react-native-navigation wix-react-native-navigation asked yesterday
Martin Duran Anguiano
1
New contributor
Martin Duran Anguiano is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
I am using react-native-navigation for my project, and i have problems when i try to show a icon using Drawables in Android, but in IOS when i set the xcassets it works perfect.
IOS simulator
Android simulator
I follow the instructions and i create all Drawables (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi) for android
Example of my archives in visual studio code
Example of my archives in android studio
the name of my icon is: icon_home.png
My code
tabs: [{
//HomeMenu
screen: "myMenu.MainMenu",
title:"",
label:"",
showIcon: true,
icon: {uri: 'icon_home', scale: 6},
//selectedIcon: {uri: 'homeicons',scale: 6},
navigatorStyle: { //add this to change top bar navigator.
drawUnderNavBar: true,
navBarTranslucent: true,
navBarTransparent: true,
navBarBackgroundColor: 'transparent',
topBarElevationShadowEnabled: false
},
iconInsets: { // add this to change icon position (optional, iOS only)
top: 0, // optional, default is 0.
left: 0, // optional, default is 0.
bottom: -12, // optional, default is 0.
right: 0 // optional, default is 0.
},
style Android
appStyle: { //Android
tabBarButtonColor: '#6c6d70',
tabBarBackgroundColor: '#cccc',
tabBarSelectedButtonColor: 'rgb(50, 184, 201)',
showIcon:true
},
im so new in this framework, i hope some one can help me because im stuck in this point for two days, my last option its import my icon like a image .
android react-native react-native-navigation wix-react-native-navigation android react-native react-native-navigation wix-react-native-navigation asked yesterday
Martin Duran Anguiano
1
New contributor
Martin Duran Anguiano is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked yesterday
Martin Duran Anguiano
1
New contributor
Martin Duran Anguiano is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked yesterday
Martin Duran Anguiano
1
New contributor
Martin Duran Anguiano is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked yesterday
Martin Duran Anguiano
1
asked yesterday
Martin Duran Anguiano
1
1
New contributor
Martin Duran Anguiano is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Martin Duran Anguiano is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Martin Duran Anguiano is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
i forgot to set my versions react native = > "0.57.1" react native navigation => "^1.1.487"
– Martin Duran Anguiano
yesterday
add a comment |
i forgot to set my versions react native = > "0.57.1" react native navigation => "^1.1.487"
– Martin Duran Anguiano
yesterday
i forgot to set my versions react native = > "0.57.1" react native navigation => "^1.1.487"
– Martin Duran Anguiano
yesterday
i forgot to set my versions react native = > "0.57.1" react native navigation => "^1.1.487"
– Martin Duran Anguiano
yesterday
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Martin Duran Anguiano is a new contributor. Be nice, and check out our Code of Conduct.
Martin Duran Anguiano is a new contributor. Be nice, and check out our Code of Conduct.
Martin Duran Anguiano is a new contributor. Be nice, and check out our Code of Conduct.
Martin Duran Anguiano 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%2f53401798%2freact-native-navigation-android-tab-bar-icon-doesnt-appear%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
i forgot to set my versions react native = > "0.57.1" react native navigation => "^1.1.487"
– Martin Duran Anguiano
yesterday