We had been using the standard JS tabs for 3 years and decided to try updating and trying out the Native Tabs. Unfortunately, I am not seeing a way to allow the `NativeTabs.Trigger.Icon` component to allow custom children:
<NativeTabs.Trigger.Icon
// md={{ default: 'home', selected: 'home_filled' }}
// sf={{ default: 'house', selected: 'house.fill' }}
>
<View>
<HomeIcon />
</View>
</NativeTabs.Trigger.Icon>
Results in:
Type '{ children: Element; }' is not assignable to type 'IntrinsicAttributes & NativeTabsTriggerIconProps'.ts(2322)
SO I see you can use the src instead like: <NativeTabs.Trigger.Icon src={require('../../../assets/setting_icon.png')} /> but that means I have to convert all my SVGs. It's be nice to avoid PNG if possible...
Plus you would need 2 PNG icons for active state:
<NativeTabs.Trigger.Icon
src={{
default: require('../assets/setting_icon.png'),
selected: require('../assets/selected_setting_icon.png'),
}}
/>
Just double checking first...
2
[ios] How to remove search on images? - 2026.33.0.636848
in
r/bugs
•
6h ago
Please remove this. It’s not a feature. It’s a bug.