diff --git a/packages/react-native/Libraries/Image/__tests__/Image-itest.js b/packages/react-native/Libraries/Image/__tests__/Image-itest.js index 6abf505f5d7..aea647a6de1 100644 --- a/packages/react-native/Libraries/Image/__tests__/Image-itest.js +++ b/packages/react-native/Libraries/Image/__tests__/Image-itest.js @@ -107,6 +107,20 @@ describe('', () => { }); }); }); + + describe('blurRadius', () => { + it('provides blur radius for image', () => { + const root = Fantom.createRoot(); + + Fantom.runTask(() => { + root.render(); + }); + + expect(root.getRenderedOutput({props: ['blurRadius']}).toJSX()).toEqual( + , + ); + }); + }); }); describe('ref', () => { diff --git a/packages/react-native/ReactCommon/react/renderer/components/image/ImageProps.cpp b/packages/react-native/ReactCommon/react/renderer/components/image/ImageProps.cpp index 489ce787753..ffdd8e5a1d8 100644 --- a/packages/react-native/ReactCommon/react/renderer/components/image/ImageProps.cpp +++ b/packages/react-native/ReactCommon/react/renderer/components/image/ImageProps.cpp @@ -9,6 +9,7 @@ #include #include #include +#include namespace facebook::react { @@ -282,4 +283,16 @@ folly::dynamic ImageProps::getDiffProps(const Props* prevProps) const { #endif +#if RN_DEBUG_STRING_CONVERTIBLE +SharedDebugStringConvertibleList ImageProps::getDebugProps() const { + const auto& defaultImageProps = ImageProps(); + + return ViewProps::getDebugProps() + + SharedDebugStringConvertibleList{ + debugStringConvertibleItem( + "blurRadius", blurRadius, defaultImageProps.blurRadius), + }; +} +#endif + } // namespace facebook::react diff --git a/packages/react-native/ReactCommon/react/renderer/components/image/ImageProps.h b/packages/react-native/ReactCommon/react/renderer/components/image/ImageProps.h index e4de618494b..43cdc51ac5b 100644 --- a/packages/react-native/ReactCommon/react/renderer/components/image/ImageProps.h +++ b/packages/react-native/ReactCommon/react/renderer/components/image/ImageProps.h @@ -50,6 +50,10 @@ class ImageProps final : public ViewProps { ComponentName getDiffPropsImplementationTarget() const override; folly::dynamic getDiffProps(const Props* prevProps) const override; #endif + +#if RN_DEBUG_STRING_CONVERTIBLE + SharedDebugStringConvertibleList getDebugProps() const override; +#endif }; } // namespace facebook::react