How to use an image in the tabbar?

[fredrikburmester]

Hi, I'd like to have a circular profile picture in the tab bar like in the image below. Is that possible?

[Robert27]

You can try to use a png as image source for the icon.
https://callstackincubator.github.io/react-native-bottom-tabs/docs/guides/usage-with-react-navigation.html#tabbaricon

Although this feature usually requires to use the JS styled tabbar in combination with the native navigation of this lib. This allows you full customization.

See: https://callstackincubator.github.io/react-native-bottom-tabs/docs/guides/usage-with-react-navigation.html#tabbar
My implementation: https://github.com/neuland-ingolstadt/neuland.app-native/blob/main/src/components/Layout/Tabbar.tsx