Question

当我在手机或模拟器上调试应用程序时，导航栏和标签栏上会显示图标，当我关闭应用程序并拔下手机并再次运行应用程序时，图标不再显示。

以下是我的导航按钮：

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
    }
});

拔下设备前： screenshot

拔下设备后： screenshot

该应用程序仍处于调试模式并使用调试apk。使用Android API 19-25在多个具有相同结果的设备上进行测试。

更新：我发现它只发生在应用程序的调试版本中，当我执行发布版本时，Tabbar和导航栏上的所有图标都会显示出来。

未显示react-native的图像资源（Navbar和tabbar）

0 个答案: