react-native-ui-lib 8.0.0-snapshot.7445 → 8.0.0-snapshot.7447
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/package.json
CHANGED
|
@@ -3,32 +3,16 @@ export const images = {
|
|
|
3
3
|
return {uri: require('./gradient.png'), width: 56, height: 2};
|
|
4
4
|
},
|
|
5
5
|
get gradientOverlay() {
|
|
6
|
-
return {
|
|
7
|
-
uri: 'https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/one-app-assets/public/v1/images/gradientOverlay.png',
|
|
8
|
-
width: 76,
|
|
9
|
-
height: 48
|
|
10
|
-
};
|
|
6
|
+
return {uri: require('./gradientOverlay.png'), width: 76, height: 48};
|
|
11
7
|
},
|
|
12
8
|
get gradientOverlayHigh() {
|
|
13
|
-
return {
|
|
14
|
-
uri: 'https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/one-app-assets/public/v1/images/gradientOverlayHigh.png',
|
|
15
|
-
width: 1,
|
|
16
|
-
height: 297
|
|
17
|
-
};
|
|
9
|
+
return {uri: require('./gradientOverlayHigh.png'), width: 1, height: 297};
|
|
18
10
|
},
|
|
19
11
|
get gradientOverlayLow() {
|
|
20
|
-
return {
|
|
21
|
-
uri: 'https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/one-app-assets/public/v1/images/gradientOverlayLow.png',
|
|
22
|
-
width: 1,
|
|
23
|
-
height: 297
|
|
24
|
-
};
|
|
12
|
+
return {uri: require('./gradientOverlayLow.png'), width: 1, height: 297};
|
|
25
13
|
},
|
|
26
14
|
get gradientOverlayMedium() {
|
|
27
|
-
return {
|
|
28
|
-
uri: 'https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/one-app-assets/public/v1/images/gradientOverlayMedium.png',
|
|
29
|
-
width: 1,
|
|
30
|
-
height: 297
|
|
31
|
-
};
|
|
15
|
+
return {uri: require('./gradientOverlayMedium.png'), width: 1, height: 297};
|
|
32
16
|
},
|
|
33
17
|
get hintTipMiddle() {
|
|
34
18
|
return {uri: require('./hintTipMiddle.png'), width: 20, height: 7};
|
|
@@ -4,6 +4,7 @@ import { StyleSheet, Image } from 'react-native';
|
|
|
4
4
|
import { Colors } from "../../style";
|
|
5
5
|
import View from "../view";
|
|
6
6
|
import Assets from "../../assets";
|
|
7
|
+
import Constants from "../../commons/Constants";
|
|
7
8
|
const OVERLY_TYPES = {
|
|
8
9
|
VERTICAL: 'vertical',
|
|
9
10
|
TOP: 'top',
|
|
@@ -70,7 +71,7 @@ class Overlay extends PureComponent {
|
|
|
70
71
|
</View>;
|
|
71
72
|
};
|
|
72
73
|
renderImage = (style, source) => {
|
|
73
|
-
return <Image style={[styles.container, style]} resizeMode={'stretch'} source={source} />;
|
|
74
|
+
return <Image style={[styles.container, Constants.isWeb && styles.containerWeb, style]} resizeMode={'stretch'} source={source} />;
|
|
74
75
|
};
|
|
75
76
|
getImageSource = (type, intensity) => {
|
|
76
77
|
if (type !== OVERLY_TYPES.SOLID) {
|
|
@@ -111,6 +112,9 @@ const styles = StyleSheet.create({
|
|
|
111
112
|
...StyleSheet.absoluteFillObject,
|
|
112
113
|
width: undefined
|
|
113
114
|
},
|
|
115
|
+
containerWeb: {
|
|
116
|
+
width: '100%'
|
|
117
|
+
},
|
|
114
118
|
top: {
|
|
115
119
|
bottom: undefined,
|
|
116
120
|
height: '75%'
|