diff --git a/android/src/main/java/com/facebook/flipper/plugins/litho/DataUtils.java b/android/src/main/java/com/facebook/flipper/plugins/litho/DataUtils.java index 1ef5f0999..e2cdab1f9 100644 --- a/android/src/main/java/com/facebook/flipper/plugins/litho/DataUtils.java +++ b/android/src/main/java/com/facebook/flipper/plugins/litho/DataUtils.java @@ -16,6 +16,7 @@ import com.facebook.flipper.plugins.inspector.Named; import com.facebook.litho.StateContainer; import com.facebook.litho.annotations.Prop; import com.facebook.litho.annotations.State; +import com.facebook.litho.drawable.ComparableColorDrawable; import java.lang.reflect.Field; import java.util.AbstractMap; import java.util.ArrayList; @@ -51,7 +52,8 @@ public class DataUtils { props.put(f.getName(), f.get(node) == null ? "null" : fromColor((Integer) f.get(node))); break; case DRAWABLE: - props.put(f.getName(), f.get(node) == null ? "null" : fromDrawable((Drawable) f.get(node))); + props.put( + f.getName(), f.get(node) == null ? "null" : fromDrawable((Drawable) f.get(node))); break; default: if (f.get(node) != null @@ -133,11 +135,13 @@ public class DataUtils { } static com.facebook.flipper.plugins.inspector.InspectorValue fromDrawable(Drawable d) { + int color = 0; if (d instanceof ColorDrawable) { - return com.facebook.flipper.plugins.inspector.InspectorValue.mutable( - Color, ((ColorDrawable) d).getColor()); + color = ((ColorDrawable) d).getColor(); + } else if (d instanceof ComparableColorDrawable) { + color = ((ComparableColorDrawable) d).getColor(); } - return com.facebook.flipper.plugins.inspector.InspectorValue.mutable(Color, 0); + return com.facebook.flipper.plugins.inspector.InspectorValue.mutable(Color, color); } static com.facebook.flipper.plugins.inspector.InspectorValue fromColor(int color) { diff --git a/src/ui/components/data-inspector/DataDescription.js b/src/ui/components/data-inspector/DataDescription.js index d8609a6e1..fd18ac072 100644 --- a/src/ui/components/data-inspector/DataDescription.js +++ b/src/ui/components/data-inspector/DataDescription.js @@ -447,7 +447,9 @@ class DataDescriptionContainer extends Component<{ case 'color': { const colorInfo = parseColor(val); - if (colorInfo) { + if (typeof val === 'number' && val === 0) { + return (not set); + } else if (colorInfo) { const {a, b, g, r} = colorInfo; return [ ,