diff --git a/packages/react-native-web/src/exports/Image/__tests__/index-test.js b/packages/react-native-web/src/exports/Image/__tests__/index-test.js index 9c83d94f..17b7718b 100644 --- a/packages/react-native-web/src/exports/Image/__tests__/index-test.js +++ b/packages/react-native-web/src/exports/Image/__tests__/index-test.js @@ -77,9 +77,9 @@ describe('components/Image', () => { test('prop "draggable"', () => { const defaultSource = { uri: 'https://google.com/favicon.ico' }; const component = shallow(); - expect(component.find('img').prop('draggable')).toBeUndefined(); - component.setProps({ defaultSource, draggable: false }); expect(component.find('img').prop('draggable')).toBe(false); + component.setProps({ defaultSource, draggable: true }); + expect(component.find('img').prop('draggable')).toBe(true); }); describe('prop "onLoad"', () => { diff --git a/packages/react-native-web/src/exports/Image/index.js b/packages/react-native-web/src/exports/Image/index.js index 7e0dea3a..8b488c98 100644 --- a/packages/react-native-web/src/exports/Image/index.js +++ b/packages/react-native-web/src/exports/Image/index.js @@ -212,7 +212,7 @@ class Image extends Component<*, State> { ? createElement('img', { alt: accessibilityLabel || '', decode: 'async', - draggable, + draggable: draggable || false, ref: this._setImageRef, src: displayImage, style: styles.img diff --git a/website/storybook/1-components/Image/ImageScreen.js b/website/storybook/1-components/Image/ImageScreen.js index 53d560da..8662a814 100644 --- a/website/storybook/1-components/Image/ImageScreen.js +++ b/website/storybook/1-components/Image/ImageScreen.js @@ -51,8 +51,8 @@ const ImageScreen = () => ( }} diff --git a/website/storybook/1-components/Image/examples/PropDraggable.js b/website/storybook/1-components/Image/examples/PropDraggable.js index 32665b6e..9ddb3c3d 100644 --- a/website/storybook/1-components/Image/examples/PropDraggable.js +++ b/website/storybook/1-components/Image/examples/PropDraggable.js @@ -8,7 +8,7 @@ import { Image, StyleSheet, View } from 'react-native'; const ImageDraggableExample = () => ( - + );