react-native-ui-kitten: The app crashes when using new Hermes engine

Issue type

  • bug report
  • feature request

Issue description

Current behavior:

The app crashes when using new Hermes engine.

This only happened once I added the Icons Module, before that the app was working correctly with the Hermes engine. Screenshot_1570497400

Expected behavior:

The app works with or without the Hermes engine.

Steps to reproduce:

Other information:

OS, device, package version

"@eva-design/eva": "^1.2.0"
"@ui-kitten/eva-icons": "^4.2.0"
"react-native": "0.61.1"
"react-native-ui-kitten": "^4.2.0"

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Reactions: 3
  • Comments: 15

Most upvoted comments

@lewatt23 Did you try npm install hermes-engine@v0.4.2-rc1?

for those using 0.63 use npm install hermes-engine@v0.5.2-rc1

@anhtuank7c I did some review on this now, and what I get is that we don’t get application crashes, but for any reason it’s unable to find requested property, e.g:

const HeartIcon = () => <Icon name='heart' />

will lead to runtime error of @ui-kitten/eva-icons package saying ‘heart’ does not exist

@anhtuank7c My bad thought I was installed by default since I was using rn 0.62.2, just installed and is working fine, thanks 😃

Hi all In my case, this issue is present only on android and my currently workaround is :

  • use the solution showed by @anhtuank7c
  • removed all the import { Icon } from '@ui-kitten/components'; and use:
import React from 'react';
import { Image } from 'react-native';
import { Button } from '@ui-kitten/components';

const RemoteBulbIcon = (style) => (
  <Image
    style={style}
    source={{ uri: 'https://akveo.github.io/eva-icons/outline/png/128/bulb-outline.png' }}
  />
);

export const IconExternalSourceShowcase = (props) => (
  <Button icon={RemoteBulbIcon}>
    Login with Facebook
  </Button>
);

icons from: (https://akveo.github.io/eva-icons/#/)

Other information: OS, device, package version:

    "@eva-design/eva": "^1.3.1",
    "@ui-kitten/eva-icons": "^4.3.2",
    "react-native-ui-kitten": "4.3.2",