[SDK 55] VectorIcon in NativeTabs are not tinted #43561
Description
Minimal reproducible example
https://github.com/BakkerTom/expo-vector-tabbar-repro
Steps to reproduce
Using VectorIcons within NativeTabs results in white icons. I expect them to be tinted using tintColor and iconColor.
The tinting does work for SF symbols (sf prop) and image assets (with a require() import). In my testing renderingMode='template' made no difference.
Example code
import { NativeTabs } from "expo-router/unstable-native-tabs";
import { Ionicons } from "@expo/vector-icons";
export default function TabsLayout() {
return (
<NativeTabs>
<NativeTabs.Trigger name="index">
<NativeTabs.Trigger.Icon
src={<NativeTabs.Trigger.VectorIcon family={Ionicons} name="home" />}
/>
<NativeTabs.Trigger.Label>Home</NativeTabs.Trigger.Label>
</NativeTabs.Trigger>
<NativeTabs.Trigger name="settings">
<NativeTabs.Trigger.Icon
src={
<NativeTabs.Trigger.VectorIcon family={Ionicons} name="settings" />
}
/>
<NativeTabs.Trigger.Label>Settings</NativeTabs.Trigger.Label>
</NativeTabs.Trigger>
</NativeTabs>
);
}Screenshots
 |
 |
|---|---|
| Example using VectorIcon (Ionicons) | SF Symbols |
Environment
expo-env-info 2.0.11 environment info:
System:
OS: macOS 15.7
Shell: 5.9 - /bin/zsh
Binaries:
Node: 24.11.0 - ~/.local/share/mise/installs/node/24.11.0/bin/node
npm: 11.6.1 - ~/.local/share/mise/installs/node/24.11.0/bin/npm
Managers:
CocoaPods: 1.16.2 - /Users/tom/.local/share/mise/installs/ruby/3.4.5/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 25.1, iOS 26.1, macOS 26.1, tvOS 26.1, visionOS 26.1, watchOS 26.1
IDEs:
Android Studio: 2025.1 AI-251.25410.109.2511.13752376
Xcode: 26.1.1/17B100 - /usr/bin/xcodebuild
npmPackages:
expo: ~55.0.4 => 55.0.4
expo-router: ~55.0.3 => 55.0.3
react: 19.2.0 => 19.2.0
react-native: 0.83.2 => 0.83.2
Expo Workflow: managed
Expo Doctor Diagnostics
17/17 checks passed. No issues detected!