react-native-fast-image 8.6.21 → 8.6.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +20 -4
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.js +20 -4
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -93,6 +93,9 @@ function FastImageBase({
93
93
  // On the wrapper, so the layout is relative to the parent (the image view
94
94
  // inside always has x and y of 0).
95
95
  onLayout,
96
+ // On the wrapper, which would otherwise still take touches. With
97
+ // 'box-none' the image is part of the box, so it ignores touches too.
98
+ pointerEvents,
96
99
  ...viewProps
97
100
  }) {
98
101
  // Touchables pass onClick to their child (React Native 0.73+, for
@@ -105,7 +108,11 @@ function FastImageBase({
105
108
  } = viewProps;
106
109
  const wrapperProps = {
107
110
  onLayout,
108
- onClick
111
+ onClick,
112
+ pointerEvents
113
+ };
114
+ const imageProps = { ...props,
115
+ pointerEvents: pointerEvents === 'box-none' ? 'none' : undefined
109
116
  }; // tintColor can also be set in style, as with React Native's Image. The
110
117
  // prop wins.
111
118
 
@@ -122,8 +129,8 @@ function FastImageBase({
122
129
  style: [styles.imageContainer, style]
123
130
  }, wrapperProps, {
124
131
  ref: forwardedRef
125
- }), /*#__PURE__*/React__default['default'].createElement(reactNative.Image, _extends__default['default']({}, props, {
126
- style: [reactNative.StyleSheet.absoluteFill, {
132
+ }), /*#__PURE__*/React__default['default'].createElement(reactNative.Image, _extends__default['default']({}, imageProps, {
133
+ style: [styles.fallbackImage, {
127
134
  tintColor: resolvedTintColor
128
135
  }],
129
136
  source: resolvedSource,
@@ -143,7 +150,7 @@ function FastImageBase({
143
150
  style: [styles.imageContainer, style]
144
151
  }, wrapperProps, {
145
152
  ref: forwardedRef
146
- }), /*#__PURE__*/React__default['default'].createElement(FastImageView, _extends__default['default']({}, props, {
153
+ }), /*#__PURE__*/React__default['default'].createElement(FastImageView, _extends__default['default']({}, imageProps, {
147
154
  tintColor: resolvedTintColor,
148
155
  style: reactNative.StyleSheet.absoluteFill,
149
156
  source: resolvedSource,
@@ -174,6 +181,15 @@ FastImage.clearMemoryCache = () => reactNative.NativeModules.FastImageView.clear
174
181
  FastImage.clearDiskCache = () => reactNative.NativeModules.FastImageView.clearDiskCache();
175
182
 
176
183
  const styles = reactNative.StyleSheet.create({
184
+ // React Native's Image sizes itself from a require()d source's width and
185
+ // height unless the style sets them, which would override absoluteFill.
186
+ fallbackImage: {
187
+ position: 'absolute',
188
+ top: 0,
189
+ left: 0,
190
+ width: '100%',
191
+ height: '100%'
192
+ },
177
193
  imageContainer: {
178
194
  overflow: 'hidden'
179
195
  }
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -86,6 +86,9 @@ function FastImageBase({
86
86
  // On the wrapper, so the layout is relative to the parent (the image view
87
87
  // inside always has x and y of 0).
88
88
  onLayout,
89
+ // On the wrapper, which would otherwise still take touches. With
90
+ // 'box-none' the image is part of the box, so it ignores touches too.
91
+ pointerEvents,
89
92
  ...viewProps
90
93
  }) {
91
94
  // Touchables pass onClick to their child (React Native 0.73+, for
@@ -98,7 +101,11 @@ function FastImageBase({
98
101
  } = viewProps;
99
102
  const wrapperProps = {
100
103
  onLayout,
101
- onClick
104
+ onClick,
105
+ pointerEvents
106
+ };
107
+ const imageProps = { ...props,
108
+ pointerEvents: pointerEvents === 'box-none' ? 'none' : undefined
102
109
  }; // tintColor can also be set in style, as with React Native's Image. The
103
110
  // prop wins.
104
111
 
@@ -115,8 +122,8 @@ function FastImageBase({
115
122
  style: [styles.imageContainer, style]
116
123
  }, wrapperProps, {
117
124
  ref: forwardedRef
118
- }), /*#__PURE__*/React.createElement(Image, _extends({}, props, {
119
- style: [StyleSheet.absoluteFill, {
125
+ }), /*#__PURE__*/React.createElement(Image, _extends({}, imageProps, {
126
+ style: [styles.fallbackImage, {
120
127
  tintColor: resolvedTintColor
121
128
  }],
122
129
  source: resolvedSource,
@@ -136,7 +143,7 @@ function FastImageBase({
136
143
  style: [styles.imageContainer, style]
137
144
  }, wrapperProps, {
138
145
  ref: forwardedRef
139
- }), /*#__PURE__*/React.createElement(FastImageView, _extends({}, props, {
146
+ }), /*#__PURE__*/React.createElement(FastImageView, _extends({}, imageProps, {
140
147
  tintColor: resolvedTintColor,
141
148
  style: StyleSheet.absoluteFill,
142
149
  source: resolvedSource,
@@ -167,6 +174,15 @@ FastImage.clearMemoryCache = () => NativeModules.FastImageView.clearMemoryCache(
167
174
  FastImage.clearDiskCache = () => NativeModules.FastImageView.clearDiskCache();
168
175
 
169
176
  const styles = StyleSheet.create({
177
+ // React Native's Image sizes itself from a require()d source's width and
178
+ // height unless the style sets them, which would override absoluteFill.
179
+ fallbackImage: {
180
+ position: 'absolute',
181
+ top: 0,
182
+ left: 0,
183
+ width: '100%',
184
+ height: '100%'
185
+ },
170
186
  imageContainer: {
171
187
  overflow: 'hidden'
172
188
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-fast-image",
3
- "version": "8.6.21",
3
+ "version": "8.6.23",
4
4
  "description": "🚩 FastImage, performant React Native image component.",
5
5
  "keywords": [
6
6
  "cache",