related-ui-components 2.7.4 → 2.7.5
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/lib/module/app.js +13 -4
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/Card/templates/SelaDealCard.js +16 -13
- package/lib/module/components/Card/templates/SelaDealCard.js.map +1 -1
- package/lib/module/index.js +2 -2
- package/lib/typescript/src/app.d.ts.map +1 -1
- package/lib/typescript/src/components/Card/templates/SelaDealCard.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/app.tsx +12 -1
- package/src/components/Card/templates/SelaDealCard.tsx +12 -9
- package/src/index.ts +2 -2
package/lib/module/app.js
CHANGED
|
@@ -4,7 +4,7 @@ import React, { useState } from "react";
|
|
|
4
4
|
import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
|
|
5
5
|
// Adjust path as needed
|
|
6
6
|
import { GestureHandlerRootView } from "react-native-gesture-handler";
|
|
7
|
-
import { RedemptionOption } from "./components/index.js";
|
|
7
|
+
import { RedemptionOption, SelaDealCard } from "./components/index.js";
|
|
8
8
|
import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
|
|
9
9
|
import { BottomSheetStackProvider } from "./contexts/index.js";
|
|
10
10
|
import { SafeAreaProvider } from "react-native-safe-area-context";
|
|
@@ -62,9 +62,18 @@ const App = () => {
|
|
|
62
62
|
children: /*#__PURE__*/_jsxs(BottomSheetStackProvider, {
|
|
63
63
|
children: [/*#__PURE__*/_jsx(StatusBar, {
|
|
64
64
|
barStyle: "light-content"
|
|
65
|
-
}), /*#__PURE__*/
|
|
65
|
+
}), /*#__PURE__*/_jsxs(SafeAreaView, {
|
|
66
66
|
style: styles.appContainer,
|
|
67
|
-
children: /*#__PURE__*/_jsx(
|
|
67
|
+
children: [/*#__PURE__*/_jsx(SelaDealCard, {
|
|
68
|
+
variant: "horizontal",
|
|
69
|
+
width: 300,
|
|
70
|
+
height: 300,
|
|
71
|
+
label: "discount",
|
|
72
|
+
description: "HELLO",
|
|
73
|
+
providerName: "Riva Club",
|
|
74
|
+
price: "100",
|
|
75
|
+
backgroundImage: require("./assets/images/namshi-banner.png")
|
|
76
|
+
}), /*#__PURE__*/_jsx(RedemptionOption, {
|
|
68
77
|
textContainerStyle: {
|
|
69
78
|
flex: 1
|
|
70
79
|
}
|
|
@@ -78,7 +87,7 @@ const App = () => {
|
|
|
78
87
|
name: "accessibility"
|
|
79
88
|
}),
|
|
80
89
|
orientation: "horizontal"
|
|
81
|
-
})
|
|
90
|
+
})]
|
|
82
91
|
})]
|
|
83
92
|
})
|
|
84
93
|
})
|
package/lib/module/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","RedemptionOption","lightTheme","RelatedProvider","useTheme","BottomSheetStackProvider","SafeAreaProvider","Ionicons","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","textContainerStyle","text","textStyle","fontSize","icon","name","orientation","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,QAAQ,QAAQ,OAAO;AAClD,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAkC,cAAc;AACV;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SASEC,gBAAgB,
|
|
1
|
+
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","RedemptionOption","SelaDealCard","lightTheme","RelatedProvider","useTheme","BottomSheetStackProvider","SafeAreaProvider","Ionicons","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","variant","width","height","label","description","providerName","price","backgroundImage","require","textContainerStyle","text","textStyle","fontSize","icon","name","orientation","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -59,12 +59,10 @@ const SelaDealCard = ({
|
|
|
59
59
|
const finalPriceContainerStyle = [styles.priceContainerBase, variant === "horizontal" ? styles.priceContainerHorizontal : styles.priceContainerVertical, priceContainerStyle];
|
|
60
60
|
const finalPriceStyle = [styles.priceTextBase, priceStyle];
|
|
61
61
|
const providerTextStyle = [styles.providerNameBase, {
|
|
62
|
-
color: theme.onSurface
|
|
63
|
-
textAlign: isRTL ? "right" : "left"
|
|
62
|
+
color: theme.onSurface
|
|
64
63
|
}, providerNameStyle];
|
|
65
64
|
const descriptionTextStyle = [styles.descriptionBase, {
|
|
66
|
-
color: theme.onSurface
|
|
67
|
-
textAlign: isRTL ? "right" : "left"
|
|
65
|
+
color: theme.onSurface
|
|
68
66
|
}, descriptionStyle];
|
|
69
67
|
return /*#__PURE__*/_jsxs(Card, {
|
|
70
68
|
onPress: onPress,
|
|
@@ -92,9 +90,11 @@ const SelaDealCard = ({
|
|
|
92
90
|
}), /*#__PURE__*/_jsxs(View, {
|
|
93
91
|
style: styles.overlayContainer,
|
|
94
92
|
children: [/*#__PURE__*/_jsx(View, {
|
|
95
|
-
style: [styles.topSection
|
|
96
|
-
|
|
97
|
-
|
|
93
|
+
style: [styles.topSection
|
|
94
|
+
// {
|
|
95
|
+
// alignItems: "flex-start",
|
|
96
|
+
// },
|
|
97
|
+
],
|
|
98
98
|
children: label && /*#__PURE__*/_jsx(View, {
|
|
99
99
|
style: finalLabelContainerStyle,
|
|
100
100
|
children: /*#__PURE__*/_jsx(Text, {
|
|
@@ -163,7 +163,9 @@ const getStyles = (theme, isRTL) => StyleSheet.create({
|
|
|
163
163
|
padding: 16,
|
|
164
164
|
justifyContent: "space-between"
|
|
165
165
|
},
|
|
166
|
-
topSection: {
|
|
166
|
+
topSection: {
|
|
167
|
+
flexDirection: "row"
|
|
168
|
+
},
|
|
167
169
|
labelContainerBase: {
|
|
168
170
|
paddingVertical: 6,
|
|
169
171
|
paddingHorizontal: 12,
|
|
@@ -188,20 +190,20 @@ const getStyles = (theme, isRTL) => StyleSheet.create({
|
|
|
188
190
|
paddingVertical: 8,
|
|
189
191
|
paddingHorizontal: 16,
|
|
190
192
|
borderRadius: 10,
|
|
191
|
-
overflow: "hidden"
|
|
192
|
-
|
|
193
|
+
overflow: "hidden",
|
|
194
|
+
backgroundColor: theme.primary
|
|
193
195
|
},
|
|
194
196
|
priceTextBase: {
|
|
195
197
|
fontSize: 16,
|
|
196
198
|
color: theme.onPrimary
|
|
197
199
|
},
|
|
198
200
|
bottomContentHorizontal: {
|
|
199
|
-
flexDirection:
|
|
200
|
-
justifyContent: "space-between",
|
|
201
|
+
flexDirection: "row",
|
|
201
202
|
alignItems: "flex-end"
|
|
202
203
|
},
|
|
203
204
|
textBlockHorizontal: {
|
|
204
205
|
flex: 1,
|
|
206
|
+
alignItems: "flex-start",
|
|
205
207
|
marginRight: 10
|
|
206
208
|
},
|
|
207
209
|
priceContainerHorizontal: {},
|
|
@@ -209,7 +211,8 @@ const getStyles = (theme, isRTL) => StyleSheet.create({
|
|
|
209
211
|
flexDirection: "column"
|
|
210
212
|
},
|
|
211
213
|
textBlockVertical: {
|
|
212
|
-
marginBottom: 12
|
|
214
|
+
marginBottom: 12,
|
|
215
|
+
alignItems: "flex-start"
|
|
213
216
|
},
|
|
214
217
|
priceContainerVertical: {
|
|
215
218
|
alignSelf: "stretch",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","View","StyleSheet","Image","Card","useTheme","LockOverlay","BlurView","ThemedText","Text","jsx","_jsx","jsxs","_jsxs","SelaDealCard","variant","backgroundImage","label","labelStyle","labelContainerStyle","providerName","providerNameStyle","description","descriptionStyle","price","priceStyle","priceContainerStyle","onPress","style","width","height","isRTL","propIsRTL","borderRadius","darkOverlayEnabled","darkOverlayColor","lockOverlay","priceContainerBlur","theme","themeIsRTL","undefined","styles","getStyles","dynamicHeight","setDynamicHeight","uri","getSize","imgWidth","imgHeight","aspectRatio","finalLabelContainerStyle","labelContainerBase","finalLabelStyle","labelTextBase","finalPriceContainerStyle","priceContainerBase","priceContainerHorizontal","priceContainerVertical","finalPriceStyle","priceTextBase","providerTextStyle","providerNameBase","color","onSurface","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","View","StyleSheet","Image","Card","useTheme","LockOverlay","BlurView","ThemedText","Text","jsx","_jsx","jsxs","_jsxs","SelaDealCard","variant","backgroundImage","label","labelStyle","labelContainerStyle","providerName","providerNameStyle","description","descriptionStyle","price","priceStyle","priceContainerStyle","onPress","style","width","height","isRTL","propIsRTL","borderRadius","darkOverlayEnabled","darkOverlayColor","lockOverlay","priceContainerBlur","theme","themeIsRTL","undefined","styles","getStyles","dynamicHeight","setDynamicHeight","uri","getSize","imgWidth","imgHeight","aspectRatio","finalLabelContainerStyle","labelContainerBase","finalLabelStyle","labelTextBase","finalPriceContainerStyle","priceContainerBase","priceContainerHorizontal","priceContainerVertical","finalPriceStyle","priceTextBase","providerTextStyle","providerNameBase","color","onSurface","descriptionTextStyle","descriptionBase","cardBase","source","resizeMode","children","absoluteFill","backgroundColor","visible","contentPosition","iconSize","text","overlayOpacity","overlayContainer","topSection","bottomContentHorizontal","textBlockHorizontal","bottomContentVertical","textBlockVertical","experimentalBlurMethod","intensity","tint","primary","create","overflow","position","flex","padding","justifyContent","flexDirection","paddingVertical","paddingHorizontal","background","fontWeight","fontSize","onBackground","marginBottom","secondary","helper","onPrimary","alignItems","marginRight","alignSelf"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/SelaDealCard.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
// import App from "./app";
|
|
7
7
|
// import { I18nManager } from "react-native";
|
|
8
|
-
// I18nManager.allowRTL(
|
|
9
|
-
// I18nManager.forceRTL(
|
|
8
|
+
// I18nManager.allowRTL(false);
|
|
9
|
+
// I18nManager.forceRTL(false);
|
|
10
10
|
// registerRootComponent(App);
|
|
11
11
|
|
|
12
12
|
export * from "./theme/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAyDnD,QAAA,MAAM,GAAG,yBAwGR,CAAC;AAWF,eAAe,GAAG,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelaDealCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/SelaDealCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,SAAS,EACT,SAAS,EAET,SAAS,EACT,cAAc,EAGd,cAAc,EACf,MAAM,cAAc,CAAC;AAQtB,UAAU,iBAAiB;IACzB,OAAO,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,eAAe,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuL7C,CAAC;
|
|
1
|
+
{"version":3,"file":"SelaDealCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/SelaDealCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,SAAS,EACT,SAAS,EAET,SAAS,EACT,cAAc,EAGd,cAAc,EACf,MAAM,cAAc,CAAC;AAQtB,UAAU,iBAAiB;IACzB,OAAO,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,eAAe,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuL7C,CAAC;AAsEF,eAAe,YAAY,CAAC"}
|
package/package.json
CHANGED
package/src/app.tsx
CHANGED
|
@@ -12,6 +12,7 @@ import {
|
|
|
12
12
|
Filters,
|
|
13
13
|
RangeSlider,
|
|
14
14
|
RedemptionOption,
|
|
15
|
+
SelaDealCard,
|
|
15
16
|
} from "./components";
|
|
16
17
|
import { lightTheme, RelatedProvider, useTheme } from "./theme";
|
|
17
18
|
import CircularProgressBar from "./components/ProgressBar/CircularProgressBar";
|
|
@@ -133,11 +134,21 @@ const App = () => {
|
|
|
133
134
|
inputContainerStyle={{ height: 55 }}
|
|
134
135
|
></PhoneInput> */}
|
|
135
136
|
|
|
137
|
+
<SelaDealCard
|
|
138
|
+
variant="horizontal"
|
|
139
|
+
width={300}
|
|
140
|
+
height={300}
|
|
141
|
+
label="discount"
|
|
142
|
+
description="HELLO"
|
|
143
|
+
providerName="Riva Club"
|
|
144
|
+
price="100"
|
|
145
|
+
backgroundImage={require("./assets/images/namshi-banner.png")}
|
|
146
|
+
></SelaDealCard>
|
|
136
147
|
<RedemptionOption
|
|
137
148
|
textContainerStyle={{ flex: 1 }}
|
|
138
149
|
// containerStyle={{ flex: 1, alignItems: "center" }}
|
|
139
150
|
text="hola"
|
|
140
|
-
textStyle={{fontSize: 20}}
|
|
151
|
+
textStyle={{ fontSize: 20 }}
|
|
141
152
|
icon={<Ionicons name="accessibility"></Ionicons>}
|
|
142
153
|
orientation="horizontal"
|
|
143
154
|
></RedemptionOption>
|
|
@@ -122,13 +122,13 @@ const SelaDealCard: React.FC<SelaDealCardProps> = ({
|
|
|
122
122
|
|
|
123
123
|
const providerTextStyle: StyleProp<TextStyle> = [
|
|
124
124
|
styles.providerNameBase,
|
|
125
|
-
{ color: theme.onSurface
|
|
125
|
+
{ color: theme.onSurface},
|
|
126
126
|
providerNameStyle,
|
|
127
127
|
];
|
|
128
128
|
|
|
129
129
|
const descriptionTextStyle: StyleProp<TextStyle> = [
|
|
130
130
|
styles.descriptionBase,
|
|
131
|
-
{ color: theme.onSurface
|
|
131
|
+
{ color: theme.onSurface},
|
|
132
132
|
descriptionStyle,
|
|
133
133
|
];
|
|
134
134
|
|
|
@@ -167,9 +167,9 @@ const SelaDealCard: React.FC<SelaDealCardProps> = ({
|
|
|
167
167
|
<View
|
|
168
168
|
style={[
|
|
169
169
|
styles.topSection,
|
|
170
|
-
{
|
|
171
|
-
|
|
172
|
-
},
|
|
170
|
+
// {
|
|
171
|
+
// alignItems: "flex-start",
|
|
172
|
+
// },
|
|
173
173
|
]}
|
|
174
174
|
>
|
|
175
175
|
{label && (
|
|
@@ -243,7 +243,9 @@ const getStyles = (theme: ThemeType, isRTL: boolean) =>
|
|
|
243
243
|
padding: 16,
|
|
244
244
|
justifyContent: "space-between",
|
|
245
245
|
},
|
|
246
|
-
topSection: {
|
|
246
|
+
topSection: {
|
|
247
|
+
flexDirection:"row"
|
|
248
|
+
},
|
|
247
249
|
labelContainerBase: {
|
|
248
250
|
paddingVertical: 6,
|
|
249
251
|
paddingHorizontal: 12,
|
|
@@ -269,19 +271,19 @@ const getStyles = (theme: ThemeType, isRTL: boolean) =>
|
|
|
269
271
|
paddingHorizontal: 16,
|
|
270
272
|
borderRadius: 10,
|
|
271
273
|
overflow: "hidden",
|
|
272
|
-
|
|
274
|
+
backgroundColor: theme.primary,
|
|
273
275
|
},
|
|
274
276
|
priceTextBase: {
|
|
275
277
|
fontSize: 16,
|
|
276
278
|
color: theme.onPrimary,
|
|
277
279
|
},
|
|
278
280
|
bottomContentHorizontal: {
|
|
279
|
-
flexDirection:
|
|
280
|
-
justifyContent: "space-between",
|
|
281
|
+
flexDirection: "row",
|
|
281
282
|
alignItems: "flex-end",
|
|
282
283
|
},
|
|
283
284
|
textBlockHorizontal: {
|
|
284
285
|
flex: 1,
|
|
286
|
+
alignItems:"flex-start",
|
|
285
287
|
marginRight: 10,
|
|
286
288
|
},
|
|
287
289
|
priceContainerHorizontal: {},
|
|
@@ -290,6 +292,7 @@ const getStyles = (theme: ThemeType, isRTL: boolean) =>
|
|
|
290
292
|
},
|
|
291
293
|
textBlockVertical: {
|
|
292
294
|
marginBottom: 12,
|
|
295
|
+
alignItems:"flex-start"
|
|
293
296
|
},
|
|
294
297
|
priceContainerVertical: {
|
|
295
298
|
alignSelf: "stretch",
|
package/src/index.ts
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
// import App from "./app";
|
|
5
5
|
// import { I18nManager } from "react-native";
|
|
6
|
-
// I18nManager.allowRTL(
|
|
7
|
-
// I18nManager.forceRTL(
|
|
6
|
+
// I18nManager.allowRTL(false);
|
|
7
|
+
// I18nManager.forceRTL(false);
|
|
8
8
|
// registerRootComponent(App);
|
|
9
9
|
|
|
10
10
|
export * from "./theme";
|