React-native-ui-kitten: EVA Icon not working ,when using ICON from component

[henoktsegaye]

🐛 Bug Report

When using EVA icon pack, I have an error saying that the name of the icon was not registered in the pack EVA.

Here its good to not that i have react-native-svg installed also.

<Icon name="whatever"> #

Expected behavior

The Icons was supposed to be displayed.

UI Kitten and Eva version

| Package | Version |
| ----------- | ----------- |
| @eva-design/eva | 4.3.2 |
| @ui-kitten/components | 4.3.1 |

Environment information

Ubuntu 18.04
node js version 8.10
react 16.6

System:
OS: Linux 4.15 Ubuntu 18.04.3 LTS (Bionic Beaver)
CPU: x64 Intel(R) Core(TM) i5-4300U CPU @ 1.90GHz
Binaries:
Node: 8.10.0 - /usr/bin/node
Yarn: 1.19.1 - /usr/local/bin/yarn
npm: 6.13.1 - /usr/local/bin/npm
SDKs:
Android SDK:
Build Tools: 27.0.3, 28.0.3, 29.0.2
API Levels: 23, 27, 28, 29
npmPackages:
react: 16.6.0-alpha.8af6728 => 16.6.0-alpha.8af6728
react-native: ^0.58.6 => 0.58.6

[artyorsh]

Did you follow Icon Packages guide?

[henoktsegaye]

Of course

[henoktsegaye]

"dependencies": {
"@eva-design/eva": "^1.3.0",
"@ui-kitten/components": "^4.3.1",
"@ui-kitten/eva-icons": "^4.3.2",
"native-base": "^2.12.1",
"proxy-polyfill": "0.1.6",
"react": "16.6.0-alpha.8af6728",
"react-native": "^0.58.6",
"react-native-snap-carousel": "^3.8.4",
"react-native-svg": "^9.13.6",

[artyorsh]

@henoktsegaye can you please provide related code where you're using ApplicationProvider and IconRegistry?

[henoktsegaye]

/** @format */

import { ApplicationProvider, IconRegistry } from "@ui-kitten/components";
import { light as lightTheme, mapping } from "@eva-design/eva";

import App from "./App";
import { EvaIconsPack } from '@ui-kitten/eva-icons';
import React from "react";


function Entry() {
  return (
      <>
    <IconRegistry icons={EvaIconsPack} />
      <ApplicationProvider mapping={mapping} theme={lightTheme}>
        <App />
      </ApplicationProvider>
      </>
  );
}

export default Entry
//this is after Redux provider

[henoktsegaye]

By the way, i have native base installed already, I don't know if that is conflicting somehow

[artyorsh]

@henoktsegaye I can't say that you do something wrong based on your setup. Needs investigation

[ardasatata]

/** @format */

import { ApplicationProvider, IconRegistry } from "@ui-kitten/components";
import { light as lightTheme, mapping } from "@eva-design/eva";

import App from "./App";
import { EvaIconsPack } from '@ui-kitten/eva-icons';
import React from "react";


function Entry() {
  return (
      <>
    <IconRegistry icons={EvaIconsPack} />
      <ApplicationProvider mapping={mapping} theme={lightTheme}>
        <App />
      </ApplicationProvider>
      </>
  );
}

export default Entry
//this is after Redux provider

have u tried to wrap all your component using react.fragment?

    <React.Fragment>
      <IconRegistry icons={EvaIconsPack}/>
      <ApplicationProvider mapping={mapping} theme={lightTheme}>
        <RootStoreProvider value={rootStore}>
          <BackButtonHandler canExit={canExit}>
            <StatefulNavigator />
          </BackButtonHandler>
        </RootStoreProvider>
      </ApplicationProvider>
    </React.Fragment>

[henoktsegaye]

Thank you for your help, but I have whipped the old installation with a new one and everything is working okay

[rahmatputrawiranata]

i got error too , this icon package working fine on dev mode, but when the i build for release version this package make my apps force close maybe somebody can help me