Complexity: Trivial (100)
Description
app/(tabs)/_layout.tsx contains a TabIcon component that renders text glyphs (≡, bell emoji, full-width plus) with a comment saying it will be "replaced by @expo/vector-icons at runtime" — which never happens. lucide-react-native is already a dependency and is the icon library used elsewhere in the app.
Acceptance Criteria
- The
TabIcon glyph stub is removed and replaced with lucide-react-native icons
- Icons respect the
color and size props supplied by the tabBarIcon render prop
- Active and inactive tint colours still apply correctly
- Icons render consistently on iOS and Android with no emoji font fallback
Complexity: Trivial (100)
Description
app/(tabs)/_layout.tsxcontains aTabIconcomponent that renders text glyphs (≡, bell emoji, full-width plus) with a comment saying it will be "replaced by @expo/vector-icons at runtime" — which never happens.lucide-react-nativeis already a dependency and is the icon library used elsewhere in the app.Acceptance Criteria
TabIconglyph stub is removed and replaced withlucide-react-nativeiconscolorandsizeprops supplied by thetabBarIconrender prop