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?

anhtuank7c on Jul 21, 2020

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

afkcodes on Aug 28, 2020

Good news ever!!!

https://twitter.com/HermesEngine/status/1245136667414913024

anhtuank7c on Apr 2, 2020

@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

artyorsh on Dec 20, 2019

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

lewatt23 on Jul 21, 2020

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",

AndreaTurco on Jan 2, 2020