Nativebase: Using Icon inside Item with floatingLabel hangs the app.

Created on 15 Aug 2019 · 3Comments · Source: GeekyAnts/NativeBase

I have gone through these following points

[x] Check latest documentation: https://docs.nativebase.io/
[x] Check for existing open/closed issues for a possible duplicate before creating a new issue: https://github.com/GeekyAnts/NativeBase/issues
[x] Use the latest NativeBase release: https://github.com/GeekyAnts/NativeBase/releases
[x] Check examples from NativeBase KitchenSink https://github.com/GeekyAnts/NativeBase-KitchenSink
[x] For discussion purpose make use of NativeBase Slack: http://slack.nativebase.io/
[x] For queries related to theme, check Theme Variables from Docs and live NativeBase Theme Editor http://nativebase.io/customizer/

Issue Description

I think I found a bug related to the use of <Item floatingLabel> in conjunction with <Icon/>

node, npm, react-native, react and native-base version, expo version if used, xcode version

node 10.16.2
npm 6.10.3
react 16.8.3
react-native: 0.59.8
native-base 2.13.4
expo 34.0.3

Expected behaviour

The app to be rendered.

Actual behaviour

Rendering is hanging.

Steps to reproduce

This is a simple application created with expo. I only changed the main app. To reproduce the problem change const 'float' to true.

import React from 'react';
import {Root, Container, Header, Form, Label, Item, Input, Text, Icon} from 'native-base';

const float = false;

export default function App() {

    return (
        <Root>
            <Header/>
            <Container>
                <Text>Any text</Text>
                <Item floatingLabel={float}>
                    <Label>Field label</Label>
                    <Input/>
                    <Icon type='Ionicons' name='md-eye'/>
                </Item>
            </Container>
        </Root>
    );

}