Skip to content

Feature Request: Support tintColor / color filter for NitroImage as Image #91

@decisionnguyen

Description

@decisionnguyen

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

  • NitroImage renders 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 Image component

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions