mrousavy / mrousavy/react-native-nitro-image
Feature Request: Support tintColor / color filter for NitroImage as Image
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 652
- Forks
- 37
- Avg merge
- 56m
- Merged PRs (30d)
- 6
Description
Description
Currently NitroImage does not support tintColor (or any color filter),
which makes it difficult to use NitroImage as a drop-in replacement for
Image / FastImage in cases like icons or monochrome assets.
In many React Native apps, tintColor is commonly used to dynamically
color icons (e.g. tab bar icons, action icons, state-based coloring).
Current Behavior
NitroImagerenders the image correctly- There is no way to apply a color tint or color filter
- Developers must fall back to:
- SVG icons
- Overlay hacks
- Or use the default
Imagecomponent
Expected Behavior
It would be very helpful if NitroImage could support something like:
<NitroImage
image={image}
style={{ width: 24, height: 24 }}
tintColor="#ff0000"
/>
Thank you.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue does not name files, tests, or entry points. Start by locating NitroImage's prop definition and platform-specific renderers, then trace how image styles reach native views. Done means tintColor or an equivalent color filter works for the requested usage on supported platforms, with coverage for the new behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100