Не удается отобразить значки на вкладке навигации wix реагировать-родной-навигации - PullRequest
Новая
       10

Не удается отобразить значки на вкладке навигации wix реагировать-родной-навигации

0 голосов
/ 20 сентября 2018

Мне не удается отобразить значок вкладок в симуляторе iOS. 

Navigation.startTabBasedApp({
    tabs: [
        {
            label: 'Home',
            screen: 'Home', // this is a registered name for a screen
            icon: require('img_assets/icon_message.png'),
            iconInsets: { top: 0, left: 0, bottom: 0, right: 0 },
            visible: true,
            //selectedIcon: require('../img/one_selected.png'), // iOS only
            title: 'Homepage'
        },
        {
            label: 'Second',
            screen: 'Second',
            icon: js.Lib.require('img_assets/icon_cloud/cloud.png'),
            iconInsets: { top: 0, left: 0, bottom: 0, right: 0 },
            visible: true,
            //selectedIcon: require('../img/two_selected.png'), // iOS only
            title: 'Screen Two'
        }
    ],
    tabsStyle: {
        tabBarButtonColor: '#FF0000',
        tabBarSelectedButtonColor: '#00adf5'
    },
    appStyle: {
        tabBarButtonColor: '#000000', // BottomTabs unselected button color
        tabBarSelectedButtonColor: '#00adf5', // BottomTabs selected button color
    }
});

в файле package.json 

"dependencies" : { ...
    "img_assets": "file:assets/"

Снимок экрана:

enter image description here

Окружающая среда 

  React Native Environment Info:
    System:
      OS: macOS High Sierra 10.13.4
      CPU: x64 Intel(R) Core(TM) i5 CPU         750  @ 2.67GHz
      Memory: 32.35 MB / 12.00 GB
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 8.12.0 - /usr/local/bin/node
      Yarn: 1.9.4 - /usr/local/bin/yarn
      npm: 6.4.1 - /usr/local/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 11.4, macOS 10.13, tvOS 11.4, watchOS 4.3
    IDEs:
      Android Studio: 3.1 AI-173.4907809
      Xcode: 9.4.1/9F2000 - /usr/bin/xcodebuild
    npmPackages:
      react: 16.5.0 => 16.5.0 
      react-native: 0.57.0 => 0.57.0 
    npmGlobalPackages:
      create-react-native-app: 1.0.0
      react-native-cli: 2.0.1

Есть ли у вас понимание того, что может произойти?У меня больше нет ошибок (раньше их было), поэтому я думаю, что изображения теперь правильно связаны / загружаются.Но на экране ничего не видно.

Ответы [ 2 ]

0 голосов
/ 24 января 2019

По умолчанию масштабирование не применяется к изображениям, поэтому их необходимо создавать с допустимым разрешением (и обрабатывать @ x1 @ x2 и @ x3).А отключение оттенка вам очень поможет, я думаю:)
Способ сделать это отличается, если вы используете версию v1 или v2 навигационной библиотеки.

0 голосов
/ 11 октября 2018

Проблема была с самими изображениями И с тем фактом, что реакция-нативная навигация применяет «по умолчанию» цветовой оттенок.

...