React-native-ui-kitten: Got an error when using Icons.

Created on 26 Dec 2019  路  3Comments  路  Source: akveo/react-native-ui-kitten

馃挰 Question

Hello! I am new and still learning React Native, the thing I want to try is to implement the Icon to a button, so I tried as the documents written.
Here is my component

import React from 'react';
import { StyleSheet } from 'react-native';
import { Button, Layout, Text, Input, Icon } from '@ui-kitten/components';

const GoogleIcon = (style)=>(<Icon {...style} name='google'/>)

export default class LoginScreen extends React.Component {
render(){
  ....
  return(
    ....
    <Button appearance="outline" icon={GoogleIcon}>LOGIN WITH GOOGLE</Button>
  )
}

I tried installed @ui-kitten/eva-icons and @eva-designs/eva with npm before it too.

When I try to run with Expo in my android,
I got an error:
TypeError: undefined is not an object (evaluating iconsPack.name)

However, using image icon from an uri source, it works fine, I am using this one at the moment:
const GoogleIcon = (style)=>(<Image style={style} source={{uri: 'https://akveo.github.io/eva-icons/fill/png/128/google.png'}}></Image>)

Is there any requirements or something beforehand to make the icons work? Thank you for the response!

UI Kitten and Eva version

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

Help wanted
Source
picture evangunawan

Most helpful comment

I guess you forgot to register an icon package.
It is mentioned in all showcases that use icons, and docs

picture artyorsh on 26 Dec 2019
👍5 🎉2

All 3 comments

I guess you forgot to register an icon package.
It is mentioned in all showcases that use icons, and docs

artyorsh picture artyorsh on 26 Dec 2019
👍5 🎉2

shoot, i forgot to insert the IconRegistry component. However thanks for the answer and solution, sorry for my mistake ;)

evangunawan picture evangunawan on 27 Dec 2019
🚀2

Weird, my app was running smoothly 2 days ago, and now it is showing these errors:

`Tomers-MacBook-Pro:prooV tomerlevi$ npm start -- --reset-cache

[email protected] start /Users/tomerlevi/Github/prooV
react-native start "--reset-cache"

               ######                ######               
             ###     ####        ####     ###             
            ##          ###    ###          ##            
            ##             ####             ##            
            ##             ####             ##            
            ##           ##    ##           ##            
            ##         ###      ###         ##            
             ##  ########################  ##             
          ######    ###            ###    ######          
      ###     ##    ##              ##    ##     ###      
   ###         ## ###      ####      ### ##         ###   
  ##           ####      ########      ####           ##  
 ##             ###     ##########     ###             ## 
  ##           ####      ########      ####           ##  
   ###         ## ###      ####      ### ##         ###   
      ###     ##    ##              ##    ##     ###      
          ######    ###            ###    ######          
             ##  ########################  ##             
            ##         ###      ###         ##            
            ##           ##    ##           ##            
            ##             ####             ##            
            ##             ####             ##            
            ##          ###    ###          ##            
             ###     ####        ####     ###             
               ######                ###### 

warning: the transform cache was reset.
                 Welcome to React Native!
                Learn once, write anywhere



To reload the app press "r"
To open developer menu press "d"

warn No apps connected. Sending "reload" to all React Native apps failed. Make sure your app is running in the simulator or on a phone connected via USB.
info Reloading app...
[Tue Aug 18 2020 13:33:00.460]  BUNDLE  ./index.js 

[Tue Aug 18 2020 13:33:33.308]  LOG      Running "prooV" with {"rootTag":1,"initialProps":{}}
[Tue Aug 18 2020 13:33:33.310]  ERROR    
Layout: unsupported configuration.
Using UI Kitten components is only possible with configuring ApplicationProvider.
馃摉 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/guides/getting-started#manual-installation

In case you have all in place, there might be an incorrect usage of a "styled" function.
馃摉 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/design-system/custom-component-mapping 
Wrapper@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:107013:24
WrappingElement
PocsContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:145610:26
StaticContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:101301:17
EnsureSingleNavigator@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:99980:24
SceneView@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:101192:22
RCTView
RCTView
RCTView
CardSheet@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:171206:23
RCTView
AnimatedComponent@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:60147:24
AnimatedComponentWrapper
PanGestureHandler@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:166167:38
PanGestureHandler@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:165343:34
RCTView
AnimatedComponent@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:60147:24
AnimatedComponentWrapper
RCTView
Card@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:170658:36
CardContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:170353:22
RCTView
MaybeScreen@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:169136:24
RCTView
MaybeScreenContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:169109:23
CardStack@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:168671:36
KeyboardManager@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:171389:36
SafeAreaProviderCompat@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:171830:24
RCTView
StackView@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:164854:36
StackNavigator@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:164737:32
PocNavigator
StaticContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:101301:17
EnsureSingleNavigator@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:99980:24
SceneView@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:101192:22
RCTView
SceneContent@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:141817:25
RCTView
RCTView
ResourceSavingScene@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:142705:36
RCTView
ScreenContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:142175:36
RCTView
RNCSafeAreaProvider
SafeAreaProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:142453:24
SafeAreaProviderCompat@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:142341:24
BottomTabView@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:141846:36
BottomTabNavigator@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:141737:32
AppNavigator
EnsureSingleNavigator@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:99980:24
BaseNavigationContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:99649:28
ThemeProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:103638:21
NavigationContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:103544:26
App
RCTView
RCTView
AppContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:66924:22
[Tue Aug 18 2020 13:33:33.312]  ERROR    
Layout: unsupported configuration.
Using UI Kitten components is only possible with configuring ApplicationProvider.
馃摉 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/guides/getting-started#manual-installation

In case you have all in place, there might be an incorrect usage of a "styled" function.
馃摉 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/design-system/custom-component-mapping 
Wrapper@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:107013:24
WrappingElement
PocsContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:145610:26
StaticContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:101301:17
EnsureSingleNavigator@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:99980:24
SceneView@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:101192:22
RCTView
RCTView
RCTView
CardSheet@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:171206:23
RCTView
AnimatedComponent@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:60147:24
AnimatedComponentWrapper
PanGestureHandler@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:166167:38
PanGestureHandler@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:165343:34
RCTView
AnimatedComponent@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:60147:24
AnimatedComponentWrapper
RCTView
Card@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:170658:36
CardContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:170353:22
RCTView
MaybeScreen@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:169136:24
RCTView
MaybeScreenContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:169109:23
CardStack@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:168671:36
KeyboardManager@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:171389:36
SafeAreaProviderCompat@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:171830:24
RCTView
StackView@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:164854:36
StackNavigator@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:164737:32
PocNavigator
StaticContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:101301:17
EnsureSingleNavigator@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:99980:24
SceneView@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:101192:22
RCTView
SceneContent@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:141817:25
RCTView
RCTView
ResourceSavingScene@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:142705:36
RCTView
ScreenContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:142175:36
RCTView
RNCSafeAreaProvider
SafeAreaProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:142453:24
SafeAreaProviderCompat@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:142341:24
BottomTabView@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:141846:36
BottomTabNavigator@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:141737:32
AppNavigator
EnsureSingleNavigator@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:99980:24
BaseNavigationContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:99649:28
ThemeProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:103638:21
NavigationContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:103544:26
App
RCTView
RCTView
AppContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:66924:22
[Tue Aug 18 2020 13:33:33.312]  ERROR    TypeError: undefined is not an object (evaluating 'iconsPack.name')

This error is located at:
    in Icon (at AppNavigator.js:29)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:47)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:37)
    in TabBarIcon (at BottomTabItem.tsx:234)
    in RCTView (at View.js:34)
    in View (at BottomTabItem.tsx:162)
    in TouchableWithoutFeedback (at BottomTabItem.tsx:157)
    in BottomTabBarItem (at BottomTabBar.tsx:260)
    in RCTView (at View.js:34)
    in View (at BottomTabBar.tsx:213)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at BottomTabBar.tsx:184)
    in BottomTabBar (at BottomTabView.tsx:73)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:95)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:74)
    in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at BottomTabView.tsx:94)
    in BottomTabView (at createBottomTabNavigator.tsx:41)
    in BottomTabNavigator (at AppNavigator.js:16)
    in AppNavigator (at App.js:8)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
    in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
    in ThemeProvider (at NavigationContainer.tsx:90)
    in ForwardRef(NavigationContainer) (at App.js:7)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)
[Tue Aug 18 2020 13:33:33.313]  ERROR    TypeError: undefined is not an object (evaluating 'iconsPack.name')

This error is located at:
    in Icon (at AppNavigator.js:29)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:40)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:37)
    in TabBarIcon (at BottomTabItem.tsx:234)
    in RCTView (at View.js:34)
    in View (at BottomTabItem.tsx:162)
    in TouchableWithoutFeedback (at BottomTabItem.tsx:157)
    in BottomTabBarItem (at BottomTabBar.tsx:260)
    in RCTView (at View.js:34)
    in View (at BottomTabBar.tsx:213)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at BottomTabBar.tsx:184)
    in BottomTabBar (at BottomTabView.tsx:73)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:95)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:74)
    in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at BottomTabView.tsx:94)
    in BottomTabView (at createBottomTabNavigator.tsx:41)
    in BottomTabNavigator (at AppNavigator.js:16)
    in AppNavigator (at App.js:8)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
    in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
    in ThemeProvider (at NavigationContainer.tsx:90)
    in ForwardRef(NavigationContainer) (at App.js:7)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)
[Tue Aug 18 2020 13:33:33.315]  ERROR    TypeError: undefined is not an object (evaluating 'iconsPack.name')

This error is located at:
    in Icon (at AppNavigator.js:29)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:47)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:37)
    in TabBarIcon (at BottomTabItem.tsx:234)
    in RCTView (at View.js:34)
    in View (at BottomTabItem.tsx:162)
    in TouchableWithoutFeedback (at BottomTabItem.tsx:157)
    in BottomTabBarItem (at BottomTabBar.tsx:260)
    in RCTView (at View.js:34)
    in View (at BottomTabBar.tsx:213)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at BottomTabBar.tsx:184)
    in BottomTabBar (at BottomTabView.tsx:73)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:95)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:74)
    in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at BottomTabView.tsx:94)
    in BottomTabView (at createBottomTabNavigator.tsx:41)
    in BottomTabNavigator (at AppNavigator.js:16)
    in AppNavigator (at App.js:8)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
    in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
    in ThemeProvider (at NavigationContainer.tsx:90)
    in ForwardRef(NavigationContainer) (at App.js:7)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)
[Tue Aug 18 2020 13:33:33.317]  ERROR    TypeError: undefined is not an object (evaluating 'iconsPack.name')

This error is located at:
    in Icon (at AppNavigator.js:29)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:40)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:37)
    in TabBarIcon (at BottomTabItem.tsx:234)
    in RCTView (at View.js:34)
    in View (at BottomTabItem.tsx:162)
    in TouchableWithoutFeedback (at BottomTabItem.tsx:157)
    in BottomTabBarItem (at BottomTabBar.tsx:260)
    in RCTView (at View.js:34)
    in View (at BottomTabBar.tsx:213)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at BottomTabBar.tsx:184)
    in BottomTabBar (at BottomTabView.tsx:73)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:95)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:74)
    in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at BottomTabView.tsx:94)
    in BottomTabView (at createBottomTabNavigator.tsx:41)
    in BottomTabNavigator (at AppNavigator.js:16)
    in AppNavigator (at App.js:8)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
    in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
    in ThemeProvider (at NavigationContainer.tsx:90)
    in ForwardRef(NavigationContainer) (at App.js:7)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)
[Tue Aug 18 2020 13:33:33.318]  ERROR    TypeError: undefined is not an object (evaluating 'iconsPack.name')

This error is located at:
    in Icon (at AppNavigator.js:29)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:47)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:37)
    in TabBarIcon (at BottomTabItem.tsx:234)
    in RCTView (at View.js:34)
    in View (at BottomTabItem.tsx:162)
    in TouchableWithoutFeedback (at BottomTabItem.tsx:157)
    in BottomTabBarItem (at BottomTabBar.tsx:260)
    in RCTView (at View.js:34)
    in View (at BottomTabBar.tsx:213)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at BottomTabBar.tsx:184)
    in BottomTabBar (at BottomTabView.tsx:73)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:95)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:74)
    in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at BottomTabView.tsx:94)
    in BottomTabView (at createBottomTabNavigator.tsx:41)
    in BottomTabNavigator (at AppNavigator.js:16)
    in AppNavigator (at App.js:8)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
    in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
    in ThemeProvider (at NavigationContainer.tsx:90)
    in ForwardRef(NavigationContainer) (at App.js:7)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)
[Tue Aug 18 2020 13:33:33.319]  ERROR    TypeError: undefined is not an object (evaluating 'iconsPack.name')

This error is located at:
    in Icon (at AppNavigator.js:29)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:40)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:37)
    in TabBarIcon (at BottomTabItem.tsx:234)
    in RCTView (at View.js:34)
    in View (at BottomTabItem.tsx:162)
    in TouchableWithoutFeedback (at BottomTabItem.tsx:157)
    in BottomTabBarItem (at BottomTabBar.tsx:260)
    in RCTView (at View.js:34)
    in View (at BottomTabBar.tsx:213)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at BottomTabBar.tsx:184)
    in BottomTabBar (at BottomTabView.tsx:73)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:95)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:74)
    in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at BottomTabView.tsx:94)
    in BottomTabView (at createBottomTabNavigator.tsx:41)
    in BottomTabNavigator (at AppNavigator.js:16)
    in AppNavigator (at App.js:8)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
    in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
    in ThemeProvider (at NavigationContainer.tsx:90)
    in ForwardRef(NavigationContainer) (at App.js:7)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)
[Tue Aug 18 2020 13:33:33.319]  ERROR    TypeError: undefined is not an object (evaluating 'iconsPack.name')

This error is located at:
    in Icon (at AppNavigator.js:29)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:47)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:37)
    in TabBarIcon (at BottomTabItem.tsx:234)
    in RCTView (at View.js:34)
    in View (at BottomTabItem.tsx:162)
    in TouchableWithoutFeedback (at BottomTabItem.tsx:157)
    in BottomTabBarItem (at BottomTabBar.tsx:260)
    in RCTView (at View.js:34)
    in View (at BottomTabBar.tsx:213)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at BottomTabBar.tsx:184)
    in BottomTabBar (at BottomTabView.tsx:73)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:95)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:74)
    in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at BottomTabView.tsx:94)
    in BottomTabView (at createBottomTabNavigator.tsx:41)
    in BottomTabNavigator (at AppNavigator.js:16)
    in AppNavigator (at App.js:8)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
    in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
    in ThemeProvider (at NavigationContainer.tsx:90)
    in ForwardRef(NavigationContainer) (at App.js:7)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)
[Tue Aug 18 2020 13:33:33.320]  ERROR    TypeError: undefined is not an object (evaluating 'iconsPack.name')

This error is located at:
    in Icon (at AppNavigator.js:29)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:40)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:37)
    in TabBarIcon (at BottomTabItem.tsx:234)
    in RCTView (at View.js:34)
    in View (at BottomTabItem.tsx:162)
    in TouchableWithoutFeedback (at BottomTabItem.tsx:157)
    in BottomTabBarItem (at BottomTabBar.tsx:260)
    in RCTView (at View.js:34)
    in View (at BottomTabBar.tsx:213)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at BottomTabBar.tsx:184)
    in BottomTabBar (at BottomTabView.tsx:73)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:95)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:74)
    in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at BottomTabView.tsx:94)
    in BottomTabView (at createBottomTabNavigator.tsx:41)
    in BottomTabNavigator (at AppNavigator.js:16)
    in AppNavigator (at App.js:8)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
    in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
    in ThemeProvider (at NavigationContainer.tsx:90)
    in ForwardRef(NavigationContainer) (at App.js:7)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)
[Tue Aug 18 2020 13:33:33.320]  ERROR    TypeError: undefined is not an object (evaluating 'this.meta.appearances')

This error is located at:
    in Wrapper (created by Layout)
    in Layout (at PocsContainer.js:9)
    in PocsContainer (at SceneView.tsx:122)
    in StaticContainer
    in StaticContainer (at SceneView.tsx:115)
    in EnsureSingleNavigator (at SceneView.tsx:114)
    in SceneView (at useDescriptors.tsx:150)
    in RCTView (at View.js:34)
    in View (at CardContainer.tsx:221)
    in RCTView (at View.js:34)
    in View (at CardContainer.tsx:220)
    in RCTView (at View.js:34)
    in View (at CardSheet.tsx:33)
    in ForwardRef(CardSheet) (at Card.tsx:563)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at Card.tsx:545)
    in PanGestureHandler (at GestureHandlerNative.tsx:13)
    in PanGestureHandler (at Card.tsx:539)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at Card.tsx:535)
    in RCTView (at View.js:34)
    in View (at Card.tsx:529)
    in Card (at CardContainer.tsx:189)
    in CardContainer (at CardStack.tsx:558)
    in RCTView (at View.js:34)
    in View (at Screens.tsx:69)
    in MaybeScreen (at CardStack.tsx:551)
    in RCTView (at View.js:34)
    in View (at Screens.tsx:48)
    in MaybeScreenContainer (at CardStack.tsx:461)
    in CardStack (at StackView.tsx:458)
    in KeyboardManager (at StackView.tsx:456)
    in SafeAreaProviderCompat (at StackView.tsx:453)
    in RCTView (at View.js:34)
    in View (at StackView.tsx:452)
    in StackView (at createStackNavigator.tsx:85)
    in StackNavigator (at PocNavigator.js:14)
    in PocNavigator (at SceneView.tsx:122)
    in StaticContainer
    in StaticContainer (at SceneView.tsx:115)
    in EnsureSingleNavigator (at SceneView.tsx:114)
    in SceneView (at useDescriptors.tsx:150)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:41)
    in SceneContent (at BottomTabView.tsx:117)
    in RCTView (at View.js:34)
    in View (at ResourceSavingScene.tsx:43)
    in RCTView (at View.js:34)
    in View (at ResourceSavingScene.tsx:26)
    in ResourceSavingScene (at BottomTabView.tsx:112)
    in RCTView (at View.js:34)
    in View (at src/index.native.js:134)
    in ScreenContainer (at BottomTabView.tsx:96)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:95)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:74)
    in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at BottomTabView.tsx:94)
    in BottomTabView (at createBottomTabNavigator.tsx:41)
    in BottomTabNavigator (at AppNavigator.js:16)
    in AppNavigator (at App.js:8)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
    in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
    in ThemeProvider (at NavigationContainer.tsx:90)
    in ForwardRef(NavigationContainer) (at App.js:7)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)
[Tue Aug 18 2020 13:33:33.321]  ERROR    TypeError: undefined is not an object (evaluating 'iconsPack.name')

This error is located at:
    in Icon (at AppNavigator.js:29)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:47)
    in RCTView (at View.js:34)
    in View (at TabBarIcon.tsx:37)
    in TabBarIcon (at BottomTabItem.tsx:234)
    in RCTView (at View.js:34)
    in View (at BottomTabItem.tsx:162)
    in TouchableWithoutFeedback (at BottomTabItem.tsx:157)
    in BottomTabBarItem (at BottomTabBar.tsx:260)
    in RCTView (at View.js:34)
    in View (at BottomTabBar.tsx:213)
    in RCTView (at View.js:34)
    in View (at createAnimatedComponent.js:165)
    in AnimatedComponent (at createAnimatedComponent.js:215)
    in ForwardRef(AnimatedComponentWrapper) (at BottomTabBar.tsx:184)
    in BottomTabBar (at BottomTabView.tsx:73)
    in RCTView (at View.js:34)
    in View (at BottomTabView.tsx:95)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:74)
    in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at BottomTabView.tsx:94)
    in BottomTabView (at createBottomTabNavigator.tsx:41)
    in BottomTabNavigator (at AppNavigator.js:16)
    in AppNavigator (at App.js:8)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:390)
    in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
    in ThemeProvider (at NavigationContainer.tsx:90)
    in ForwardRef(NavigationContainer) (at App.js:7)
    in App (at renderApplication.js:45)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:106)
    in RCTView (at View.js:34)
    in View (at AppContainer.js:132)
    in AppContainer (at renderApplication.js:39)`



md5-f66efef1624dfe5879164dab49fe74d1



{
    "name": "prooV",
    "version": "0.0.1",
    "private": true,
    "scripts": {
        "android": "react-native run-android",
        "ios": "react-native run-ios",
        "start": "react-native start",
        "clear-cache": "watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf ./node_modules ./package-lock.json && npm i && npx react-native start --reset-cache",
        "test": "jest",
        "lint": "eslint ."
    },
    "dependencies": {
        "@eva-design/eva": "^2.0.0",
        "@react-native-community/masked-view": "^0.1.10",
        "@react-navigation/bottom-tabs": "^5.7.2",
        "@react-navigation/native": "^5.7.3",
        "@react-navigation/stack": "^5.7.1",
        "@ui-kitten/components": "^5.0.0",
        "@ui-kitten/eva-icons": "^5.0.0",
        "axios": "^0.19.2",
        "react": "16.13.1",
        "react-native": "0.63.2",
        "react-native-chart-kit": "^6.4.1",
        "react-native-gesture-handler": "^1.7.0",
        "react-native-reanimated": "^1.10.1",
        "react-native-safe-area-context": "^3.1.1",
        "react-native-screens": "^2.9.0",
        "react-native-svg": "^12.1.0",
        "react-native-vector-icons": "^7.0.0",
        "react-navigation-material-bottom-tabs": "^2.3.0",
        "react-redux": "^7.2.0",
        "redux": "^4.0.5",
        "redux-saga": "^1.1.3"
    },
    "devDependencies": {
        "@babel/core": "^7.10.4",
        "@babel/runtime": "^7.10.4",
        "@react-native-community/eslint-config": "^2.0.0",
        "babel-jest": "^26.1.0",
        "eslint": "^7.4.0",
        "jest": "^26.1.0",
        "metro-react-native-babel-preset": "^0.60.0",
        "react-test-renderer": "16.11.0",
        "redux-immutable-state-invariant": "^2.1.0"
    },
    "jest": {
        "preset": "react-native"
    }
}



md5-b457d09928896639e0ef353d6ce1e203



/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow strict-local
 */

import React from 'react';
import App from './App';
import { Provider } from 'react-redux';
import configureStore from './store/config';
import { ApplicationProvider, IconRegistry } from '@ui-kitten/components';
import { EvaIconsPack } from '@ui-kitten/eva-icons';
import * as eva from '@eva-design/eva';
import { default as theme } from './theme.json';

const store = configureStore();
function AppContainer() {
    return (
        <Provider store={store}>
            <IconRegistry icons={EvaIconsPack} />
            <ApplicationProvider {...eva} theme={{ ...eva.dark, ...theme }}>
                <App />
            </ApplicationProvider>
        </Provider>
    );
}

export default AppContainer;

What is going on?

levitomer picture levitomer on 18 Aug 2020
Was this page helpful?
0 / 5 - 0 ratings

Related issues

sarmadkung picture sarmadkung  路  3Comments
RWOverdijk picture RWOverdijk  路  3Comments
iosdev-republicofapps picture iosdev-republicofapps  路  3Comments
gimli01 picture gimli01  路  3Comments
domsterthebot picture domsterthebot  路  3Comments