Have error when use Icon component

Issue type

I’m submitting a … (check one with “x”)

• bug report
• feature request

Issue description

Current behavior:

When I use Icon component, sometime I encounter error “view nested within a text must have a width and height”

Expected behavior:

It should not have error and crash app Steps to reproduce:

Use Icon component Related code:

Not applicable.

Other information:

OS, device, package version

samsung device
"react-native": "0.60.5"
"react": "16.9.0"
"@ui-kitten/eva-icons": "4.2.0-beta.2"
"@eva-design/eva": "1.1.0-beta.1"

[DinhHuyHoang]

I solved my problem, the error fired when I wrap Text component with Icon component

Thank for your help.

On Wed, Sep 25, 2019 at 12:41 AM Artur Yorsh [e-mail] wrote:

Please try refactoring to something like this as it looks like we were wrong about this guide The main point is to render IconRegistry before ApplicationProvider.

import React from ‘react’;import { mapping, light as lightTheme } from ‘@eva-design/eva’;import { EvaIconsPack } from ‘@ui-kitten/eva-icons’;import { ApplicationProvider, IconRegistry, Layout, Text } from ‘react-native-ui-kitten’; const App = () => ( <React.Fragment> <IconRegistry icons={EvaIconsPack} /> <ApplicationProvider mapping={mapping} theme={lightTheme}> <YourApp /> </ApplicationProvider> <React.Fragment /> ); export default App;``

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/akveo/react-native-ui-kitten/issues/633?email_source=notifications&email_token=AGHR4HPNORJJDOOCLXGRESTQLJGMJA5CNFSM4IY6DQLKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD7PGLHQ#issuecomment-534668702, or mute the thread https://github.com/notifications/unsubscribe-auth/AGHR4HLWREJIGMU43YVDR3DQLJGMJANCNFSM4IY6DQLA .

[artyorsh]

Please try refactoring to something like this as it looks like we were wrong about this guide The main point is to render IconRegistry before ApplicationProvider.

import React from 'react';
import { mapping, light as lightTheme } from '@eva-design/eva';
import { EvaIconsPack } from '@ui-kitten/eva-icons';
import { ApplicationProvider, IconRegistry, Layout, Text } from 'react-native-ui-kitten';

const App = () => (
  <React.Fragment>
    <IconRegistry icons={EvaIconsPack} />
    <ApplicationProvider
      mapping={mapping}
      theme={lightTheme}>
      <YourApp />
    </ApplicationProvider>
  <React.Fragment />
);

export default App;