How to disable image fade in effect in React Native? - reactjs

Question

Situation
Dynamically toggling images
React Native
Dev mode
Android
Problem
The images fade in when appearing during dev mode. This is an issue since I am developing and tuning images animations with actual fade in effects. Is it possible to disable the fade in effect?
Attempts
Switched to release mode. Works but not appropriate during development.
Minimizing the image file size. No visible difference.
Minimizing the image display size. No visible difference.

Answer 1

Just set fadeDuration={0} to Image component, this is not documented
You can check here for more information

Answer 2

I managed to prevent the fade animation by wrapping my <Image /> with a custom ViewGroupManager and setting ReactImageView.mFadeDuration to zero with reflection before the Image is added to the custom ViewGroup.
Edit: But this adds a noticeable delay when displaying the image :( There's actually no delay.
Something like this:
public class NoFadeImageWrapper extends ViewGroup {
public NoFadeImageWrapper(Context context) {
super(context);
}
#Override
public void onViewAdded(View child) {
if (child instanceof ReactImageView) {
((ReactImageView) child).setFadeDuration(0);
ReflectionUtils.setField(child, "mIsDirty", true);
}
super.onViewAdded(child);
}
}
ReflectionUtils.setField implementation:
public class ReflectionUtils {
public static void setField(Object obj, String name, Object value) {
try {
Field field = getField(obj.getClass(), name);
if (field == null) {
return;
}
field.setAccessible(true);
field.set(obj, value);
} catch (Exception e) {
e.printStackTrace();
}
}
}