search

AlbertBrand / react-native-android-tablayout

React Native Android TabLayout native component
140 stars 29 forks source link

Icon not rendering with only icons from oblador/react-native-vector-icons #15

Open alexbepple opened 8 years ago

alexbepple commented 8 years ago

This is rendering fine:

import Icon from 'react-native-vector-icons/MaterialIcons'
…
<TabLayout style={{flex: 1}}>
  <Tab>
    <Icon name='view-headline' size={24} />
  </Tab>
  <Tab iconSize={24} iconResId='custom_icon' />
</TabLayout>

(I used the custom_icon from your example project.)

screen shot 2016-02-29 at 12 19 18

However, this is not:

<TabLayout style={{flex: 1}}>
  <Tab>
    <Icon name='view-headline' size={24} />
  </Tab>
</TabLayout>
screen shot 2016-02-29 at 12 23 52

Do you have any idea as to why? I read your todo ("custom views need a width and height to work"). But no amount of width and height properties on TabLayout, Tab or Icon did help.

alexbepple commented 8 years ago

A workaround is to use to provide an iconUri as shown in https://github.com/AlbertBrand/react-native-android-tablayout-example/blob/master/app/IconsOnTopTabLayout.js