TabBarItem font props won't work

[belowfrog]

TabBarItem component's font-related props will not take effect if it is wrapped in another component and placed within the TabBar component.

for example:

<TabBar primary={true}>
  <WrappedTabbarItem />
</TabBar>


const WrappedTabbarItem = () => (
  <TabBarItem title="Assets" fontSize={12} fontWeight="600">
  ...
  </TabBar>
)

I suggest that it is best to place the font property on the TabBar itself because it cannot be set individually on TabBarItem and will affect each other's font properties.

<TabBar primary={true} fontSize={12} fontWeight="600">