iOS label font size

[andreialecu]

Before submitting a new issue

• I tested using the latest version of the library, as the bug might be already fixed.
• I tested using a supported version of react native.
• I checked for possible duplicate issues, with possible answers.

Bug summary

I noticed that the font size of the label on iOS is slightly larger and bolder than that of other native Apps, for example, the App Store.

Why would that be?

See below (this library):

App Store:

Library version

0.9.2

Environment info

seems irelevant

Steps to reproduce

n/a

Reproducible sample code

n/a

[andreialecu]

Ok, sorry for being a noob, it appears there's a tabLabelStyle

tabLabelStyle={{
  fontSize: 10,
}}

This makes it closer. Still unsure why it doesn't look the same as other native apps. But I'll close this for now.

[okwasniewski]

Hey, @andreialecu to implement this fontSize setting I had to set a default font Size. Apple doesn't expose the font size they use as default so most likely the library default is slightly bigger than it should be. Most likely this line needs correction: https://github.com/callstackincubator/react-native-bottom-tabs/blob/110527c26e926d330768f23a198f379023c4cccd/packages/react-native-bottom-tabs/ios/TabViewImpl.swift#L174

[andreialecu]

I have manually set it to 10 and it seems to match other native apps. I found this article which mentions iOS is 10 and iPad is 13:

https://www.learnui.design/blog/ios-font-size-guidelines.html

also see:

https://stackoverflow.com/questions/53785307/find-out-default-font-size-of-title-for-uitabbar