Error while updating property 'fontSize' in shadow node of type: RCTText

CodingXD commented 4 years ago

[ ] Review the documentation: https://github.com/oblador/react-native-vector-icons
[ ] Search for existing issues (including closed issues): https://github.com/oblador/react-native-vector-icons/issues

Environment

OS: Android 6.0.1 (real device, not emulator) react-native-vector-icons: ^7.0.0 react: 16.11.0, react-native: 0.62.2,

Description

The issue is rather simple. Whenever I use react-native-vector-icons, get the error, Error while updating property 'fontSize' in shadow node of type: RCTText Screenshot_20200709-153842

Reproducible Demo

Let us know how to reproduce the issue. Include a code sample, share a project, or share an app that reproduces the issue using https://snack.expo.io/. Please follow the guidelines for providing a MCVE: https://stackoverflow.com/help/mcve

import React from 'react';
import {View, TouchableOpacity, Text, StyleSheet} from 'react-native';
import Ionicons from 'react-native-vector-icons/Ionicons';

const Header = () => {
  return (
    <View style={styles.viewStyle}>
      <TouchableOpacity onPress={() => alert('Menu')}>
        <Ionicons name="md-apps" size={20} />
      </TouchableOpacity>
      <Text style={styles.textStyle}>ALL PRODUCTS</Text>
      <TouchableOpacity onPress={() => alert('Shopping Cart')}>
        <Text>C</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  viewStyle: {
    flexDirection: 'row',
    backgroundColor: '#f8f8f8',
    justifyContent: 'space-between',
    alignItems: 'center',
    height: 60,
  },
  textStyle: {
    fontSize: 12,
    fontWeight: 'bold',
  },
  cartStyle: {
    marginHorizontal: 15,
  },
});

export default Header;

aqeebimtiaz commented 3 years ago

Any update on this? I'm getting this type of error on 0.61.2.

haloriyan commented 2 years ago

Stil waiting for solution on RN 0.64.3 and RNVectorIcon 9.0.0

octoro-software commented 2 years ago

@haloriyan @aqeebimtiaz passing style={{fontSize: 30}} will bypass this error

ChillyHoney commented 2 years ago

@haloriyan @aqeebimtiaz passing style={{fontSize: 30}} will bypass this error

Works for me, thanks

EinsteinNjoroge commented 1 year ago

Expanding on @octoro-software's suggestion, I solved this by checking for instances where fontSize was defined as a string and changed that to an integer. style={{ fontSize: '13' }} => style={{ fontSize: 13 }}