react-native-fast-image 8.6.15 → 8.6.17
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.
- package/dist/index.cjs.js +26 -11
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +26 -11
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -68,18 +68,33 @@ function FastImageBase({
|
|
|
68
68
|
// On the wrapper, so the layout is relative to the parent (the image view
|
|
69
69
|
// inside always has x and y of 0).
|
|
70
70
|
onLayout,
|
|
71
|
-
...
|
|
71
|
+
...viewProps
|
|
72
72
|
}) {
|
|
73
|
+
// Touchables pass onClick to their child (React Native 0.73+, for
|
|
74
|
+
// accessibility clicks). It goes on the wrapper: the image view doesn't
|
|
75
|
+
// support it on iOS, which crashed (#1020). Older React Native types don't
|
|
76
|
+
// include it.
|
|
77
|
+
const {
|
|
78
|
+
onClick,
|
|
79
|
+
...props
|
|
80
|
+
} = viewProps;
|
|
81
|
+
const wrapperProps = {
|
|
82
|
+
onLayout,
|
|
83
|
+
onClick
|
|
84
|
+
};
|
|
85
|
+
|
|
73
86
|
if (fallback) {
|
|
74
|
-
|
|
87
|
+
// Remove `cache`, which React Native's Image doesn't support. A
|
|
88
|
+
// require()d source is a number: pass it through (spreading it gave {}).
|
|
89
|
+
const cleanedSource = typeof source === 'number' ? source : { ...source
|
|
75
90
|
};
|
|
76
|
-
delete cleanedSource.cache;
|
|
91
|
+
if (typeof cleanedSource === 'object') delete cleanedSource.cache;
|
|
77
92
|
const resolvedSource = reactNative.Image.resolveAssetSource(cleanedSource);
|
|
78
|
-
return /*#__PURE__*/React__default['default'].createElement(reactNative.View, {
|
|
79
|
-
style: [styles.imageContainer, style]
|
|
80
|
-
|
|
93
|
+
return /*#__PURE__*/React__default['default'].createElement(reactNative.View, _extends__default['default']({
|
|
94
|
+
style: [styles.imageContainer, style]
|
|
95
|
+
}, wrapperProps, {
|
|
81
96
|
ref: forwardedRef
|
|
82
|
-
}, /*#__PURE__*/React__default['default'].createElement(reactNative.Image, _extends__default['default']({}, props, {
|
|
97
|
+
}), /*#__PURE__*/React__default['default'].createElement(reactNative.Image, _extends__default['default']({}, props, {
|
|
83
98
|
style: [reactNative.StyleSheet.absoluteFill, {
|
|
84
99
|
tintColor
|
|
85
100
|
}],
|
|
@@ -96,11 +111,11 @@ function FastImageBase({
|
|
|
96
111
|
|
|
97
112
|
const resolvedSource = reactNative.Image.resolveAssetSource(source);
|
|
98
113
|
const resolvedDefaultSource = resolveDefaultSource(defaultSource);
|
|
99
|
-
return /*#__PURE__*/React__default['default'].createElement(reactNative.View, {
|
|
100
|
-
style: [styles.imageContainer, style]
|
|
101
|
-
|
|
114
|
+
return /*#__PURE__*/React__default['default'].createElement(reactNative.View, _extends__default['default']({
|
|
115
|
+
style: [styles.imageContainer, style]
|
|
116
|
+
}, wrapperProps, {
|
|
102
117
|
ref: forwardedRef
|
|
103
|
-
}, /*#__PURE__*/React__default['default'].createElement(FastImageView, _extends__default['default']({}, props, {
|
|
118
|
+
}), /*#__PURE__*/React__default['default'].createElement(FastImageView, _extends__default['default']({}, props, {
|
|
104
119
|
tintColor: tintColor,
|
|
105
120
|
style: reactNative.StyleSheet.absoluteFill,
|
|
106
121
|
source: resolvedSource,
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAC/C,OAAO,EAMH,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,kBAAkB,EAElB,kBAAkB,EAClB,SAAS,EACT,UAAU,EACb,MAAM,cAAc,CAAA;AAErB,oBAAY,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEnE,QAAA,MAAM,UAAU;;;;;CAKN,CAAA;AAEV,oBAAY,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEhD,QAAA,MAAM,QAAQ;;;;CAIJ,CAAA;AAEV,oBAAY,KAAK,GAAG,WAAW,GAAG,KAAK,GAAG,WAAW,CAAA;AAErD,QAAA,MAAM,YAAY;;;;CAOR,CAAA;AAEV,oBAAY,MAAM,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IACnC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAA;CAChB,CAAA;AAED,MAAM,WAAW,WAAW;IACxB,WAAW,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,MAAM,CAAA;QAGd,MAAM,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACJ;AAED,MAAM,WAAW,eAAe;IAC5B,WAAW,EAAE;QACT,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KAChB,CAAA;CACJ;AAID,MAAM,WAAW,UAAW,SAAQ,SAAS;IACzC,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACzC,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,SAAS;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,kBAAkB,CAAA;IACpC,aAAa,CAAC,EAAE,kBAAkB,CAAA;IAClC,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,WAAW,CAAC,IAAI,IAAI,CAAA;IAEpB,UAAU,CAAC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;IAEzC,MAAM,CAAC,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAA;IAEjC,OAAO,CAAC,IAAI,IAAI,CAAA;IAEhB,SAAS,CAAC,IAAI,IAAI,CAAA;IAElB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAE7C;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAE7B;;;;OAIG;IAEH,SAAS,CAAC,EAAE,UAAU,CAAA;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -61,18 +61,33 @@ function FastImageBase({
|
|
|
61
61
|
// On the wrapper, so the layout is relative to the parent (the image view
|
|
62
62
|
// inside always has x and y of 0).
|
|
63
63
|
onLayout,
|
|
64
|
-
...
|
|
64
|
+
...viewProps
|
|
65
65
|
}) {
|
|
66
|
+
// Touchables pass onClick to their child (React Native 0.73+, for
|
|
67
|
+
// accessibility clicks). It goes on the wrapper: the image view doesn't
|
|
68
|
+
// support it on iOS, which crashed (#1020). Older React Native types don't
|
|
69
|
+
// include it.
|
|
70
|
+
const {
|
|
71
|
+
onClick,
|
|
72
|
+
...props
|
|
73
|
+
} = viewProps;
|
|
74
|
+
const wrapperProps = {
|
|
75
|
+
onLayout,
|
|
76
|
+
onClick
|
|
77
|
+
};
|
|
78
|
+
|
|
66
79
|
if (fallback) {
|
|
67
|
-
|
|
80
|
+
// Remove `cache`, which React Native's Image doesn't support. A
|
|
81
|
+
// require()d source is a number: pass it through (spreading it gave {}).
|
|
82
|
+
const cleanedSource = typeof source === 'number' ? source : { ...source
|
|
68
83
|
};
|
|
69
|
-
delete cleanedSource.cache;
|
|
84
|
+
if (typeof cleanedSource === 'object') delete cleanedSource.cache;
|
|
70
85
|
const resolvedSource = Image.resolveAssetSource(cleanedSource);
|
|
71
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
72
|
-
style: [styles.imageContainer, style]
|
|
73
|
-
|
|
86
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
87
|
+
style: [styles.imageContainer, style]
|
|
88
|
+
}, wrapperProps, {
|
|
74
89
|
ref: forwardedRef
|
|
75
|
-
}, /*#__PURE__*/React.createElement(Image, _extends({}, props, {
|
|
90
|
+
}), /*#__PURE__*/React.createElement(Image, _extends({}, props, {
|
|
76
91
|
style: [StyleSheet.absoluteFill, {
|
|
77
92
|
tintColor
|
|
78
93
|
}],
|
|
@@ -89,11 +104,11 @@ function FastImageBase({
|
|
|
89
104
|
|
|
90
105
|
const resolvedSource = Image.resolveAssetSource(source);
|
|
91
106
|
const resolvedDefaultSource = resolveDefaultSource(defaultSource);
|
|
92
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
93
|
-
style: [styles.imageContainer, style]
|
|
94
|
-
|
|
107
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
108
|
+
style: [styles.imageContainer, style]
|
|
109
|
+
}, wrapperProps, {
|
|
95
110
|
ref: forwardedRef
|
|
96
|
-
}, /*#__PURE__*/React.createElement(FastImageView, _extends({}, props, {
|
|
111
|
+
}), /*#__PURE__*/React.createElement(FastImageView, _extends({}, props, {
|
|
97
112
|
tintColor: tintColor,
|
|
98
113
|
style: StyleSheet.absoluteFill,
|
|
99
114
|
source: resolvedSource,
|