当我在手机或模拟器上调试应用程序时,图标显示在导航栏和标签栏上,当我关闭应用程序并拔下手机并再次运行应用程序时,图标不再显示。
这是我的导航按钮:
static navigatorButtons = {
rightButtons: [
{
icon: require('../../assets/ic_account.png'),
id: 'btnAccount',
showAsAction: 'always',
title: 'Account'
},
{
icon: require('../../assets/ic_event.png'),
id: 'btnSwitch',
showAsAction: 'always',
title: 'Switch Event'
}
]
};
这是我的导航栏标签:
const tabs = [
{
label: 'Scan',
screen: 'myscreens.ScanScreen',
icon: require('./assets/ic_camera.png'),
selectedIcon: require('./assets/ic_camera.png'),
title: 'Scan'
},
{
label: 'Search',
screen: 'myscreens.SearchScreen',
icon: require('./assets/ic_search.png'),
selectedIcon: require('./assets/ic_search.png'),
title: 'Search'
}
];
这是我的导航:
Navigation.startTabBasedApp({
tabs,
tabsStyle: {
tabBarBackgroundColor: '#DBDBDB',
navBarButtonColor: '#FFF',
tabBarButtonColor: '#888',
navBarTextColor: '#ffffff',
tabBarSelectedButtonColor: '#444',
navigationBarColor: '#000',
navBarBackgroundColor: '#444',
statusBarColor: '#444',
tabFontFamily: 'Roboto-Bold',
forceTitlesDisplay: true
},
appStyle: {
tabBarBackgroundColor: '#DBDBDB',
navBarButtonColor: '#FFF',
tabBarButtonColor: '#888',
navBarTextColor: '#ffffff',
tabBarSelectedButtonColor: '#444',
navigationBarColor: '#000',
navBarBackgroundColor: '#444',
statusBarColor: '#444',
tabFontFamily: 'Roboto-Bold',
forceTitlesDisplay: true
}
});
拔下设备前: 截图
拔下设备后: 截图
该应用程序仍处于调试模式并使用调试 apk。使用 Android API 19-25 在多台设备上进行了测试,结果相同。
更新:我发现它只发生在应用程序的调试版本中,当我进行发布版本时,选项卡栏和导航栏上的所有图标都会按应有的方式显示。