API tools faq
paste
Guest User

Untitled

a guest
Jul 23rd, 2018
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.61 KB | None | 0 0
raw download clone embed print report
  1. import React from "react"
  2. import { StyleSheet } from "react-native"
  3. import { View, Image, Text } from "react-native"
  4. import { strings } from "../Locales/i18n"
  5.  
  6.  
  7. export default class extends React.Component {
  8.  
  9. static navigationOptions = ({ navigation }) => {
  10. const { params = {} } = navigation.state
  11. return {
  12. header: null,
  13. headerLeft: null,
  14. headerRight: null
  15. }
  16. }
  17.  
  18. constructor(props) {
  19. super(props)
  20. }
  21.  
  22.  
  23. componentDidMount() {
  24.  
  25. // Additional component initialization can go here.
  26. // If you need to load data from a remote endpoint, this is a good place to instantiate the network request.
  27. }
  28.  
  29. render() {
  30.  
  31. return (
  32. <View style={styles.viewView}>
  33. <View pointerEvents="box-none" style={{
  34. position: "absolute",
  35. width: "100%",
  36. height: "100%"
  37. }}>
  38. <View style={styles.weekView}>
  39. <View pointerEvents="box-none" style={{
  40. position: "absolute",
  41. width: "100%",
  42. height: "100%"
  43. }}>
  44. <Image style={styles.rectangle107Image} source={require("./../../Assets/images/rectangle-107-2.png")} />
  45. <View style={styles.rectangle107View} />
  46. <View style={styles.rectangle107TwoView} />
  47. <Image style={styles.rectangle107TwoImage} source={require("./../../Assets/images/rectangle-107-3.png")} />
  48. <Image style={styles.rectangle107ThreeImage} source={require("./../../Assets/images/rectangle-107-4.png")} />
  49. <Image style={styles.rectangle107FourImage} source={require("./../../Assets/images/rectangle-107.png")} />
  50. <Image style={styles.rectangle107FiveImage} source={require("./../../Assets/images/rectangle-107.png")} />
  51. <Text style={styles.mText}>{strings(".mTextText")}</Text>
  52. <Text style={styles.tText}>{strings(".tTextText")}</Text>
  53. <Text style={styles.tCopyText}>{strings(".tCopyTextText")}</Text>
  54. <Text style={styles.fText}>{strings(".fTextText")}</Text>
  55. <Text style={styles.sText}>{strings(".sTextText")}</Text>
  56. <Text style={styles.sCopyText}>{strings(".sCopyTextText")}</Text>
  57. <Text style={styles.wText}>{strings(".wTextText")}</Text>
  58. </View>
  59. </View>
  60. <View style={styles.cardView}>
  61. <View pointerEvents="box-none" style={{
  62. position: "absolute",
  63. width: "100%",
  64. height: "100%"
  65. }}>
  66. <Text style={styles.usersText}>{strings(".usersTextText")}</Text>
  67. <Text style={styles.textText}>{strings(".textTextText")}</Text>
  68. </View>
  69. </View>
  70. <View style={styles.cardTwoView}>
  71. <View pointerEvents="box-none" style={{
  72. position: "absolute",
  73. width: "100%",
  74. height: "100%"
  75. }}>
  76. <Text style={styles.averageSessionTimeText}>{strings(".averageSessionTimeTextText")}</Text>
  77. <Text style={styles.textTwoText}>{strings(".textTwoTextText")}</Text>
  78. </View>
  79. </View>
  80. <View style={styles.rectangle106Copy7View} />
  81. <View style={styles.cardThreeView}>
  82. <View pointerEvents="box-none" style={{
  83. position: "absolute",
  84. width: "100%",
  85. height: "100%"
  86. }}>
  87. <Text style={styles.textThreeText}></Text>
  88. <Text style={styles.goalsAchievedText}>{strings(".goalsAchievedTextText")}</Text>
  89. </View>
  90. </View>
  91. <View style={styles.cardFourView}>
  92. <View pointerEvents="box-none" style={{
  93. position: "absolute",
  94. width: "100%",
  95. height: "100%"
  96. }}>
  97. <View style={styles.rectangle106Copy6View} />
  98. <Text style={styles.textFourText}>10.0</Text>
  99. <Text style={styles.dailyGoalText}>{strings(".dailyGoalTextText")}</Text>
  100. </View>
  101. </View>
  102. <View style={styles.cardCopyView}>
  103. <View pointerEvents="box-none" style={{
  104. position: "absolute",
  105. width: "100%",
  106. height: "100%"
  107. }}>
  108. <View style={styles.rectangle106Copy6TwoView} />
  109. <Text style={styles.dayText}><Text style={{
  110. color: "rgba(255, 255, 255, 1)",
  111. fontFamily: "Montserrat-Bold",
  112. fontSize: 40.00,
  113. fontStyle: "normal",
  114. textAlign: "left",
  115. letterSpacing: -2.00,
  116. fontFamily: "Montserrat-Bold",
  117. fontSize: 50.00,
  118. fontStyle: "normal"
  119. }}>1 </Text>day</Text>
  120. <Text style={styles.timeLeftText}>{strings(".timeLeftTextText")}</Text>
  121. </View>
  122. </View>
  123. <View style={styles.navBar2View}>
  124. <View pointerEvents="box-none" style={{
  125. position: "absolute",
  126. width: "100%",
  127. height: "100%"
  128. }}>
  129. <Image style={styles.tintLightImage} source={require("./../../Assets/images/tint-light.png")} />
  130. <Image style={styles.stroke2930CopyImage} source={require("./../../Assets/images/stroke-2930-copy.png")} />
  131. <Image style={styles.group41Image} source={require("./../../Assets/images/group-41.png")} />
  132. <Text style={styles.dashboardText}>{strings(".dashboardTextText")}</Text>
  133. </View>
  134. </View>
  135. </View>
  136. </View>
  137. )
  138. }
  139. }
  140.  
  141. const styles = StyleSheet.create({
  142. viewView: {
  143. backgroundColor: "rgba(255, 255, 255, 1)",
  144. flex: 1
  145. },
  146. weekView: {
  147. backgroundColor: "rgba(0, 0, 0, 0)",
  148. width: 249.00,
  149. height: 221.00,
  150. left: 63.00,
  151. top: 394.00,
  152. position: "absolute"
  153. },
  154. rectangle107Image: {
  155. resizeMode: "center",
  156. backgroundColor: "rgba(0, 0, 0, 0)",
  157. width: 6.00,
  158. height: 19.00,
  159. left: 2.00,
  160. top: 142.00,
  161. position: "absolute"
  162. },
  163. rectangle107View: {
  164. backgroundColor: "rgba(56, 166, 146, 1)",
  165. borderRadius: 3.00,
  166. width: 6.00,
  167. height: 160.00,
  168. left: 42.00,
  169. top: 0.00,
  170. position: "absolute"
  171. },
  172. rectangle107TwoView: {
  173. backgroundColor: "rgba(56, 166, 146, 1)",
  174. borderRadius: 3.00,
  175. width: 6.00,
  176. height: 90.00,
  177. left: 82.00,
  178. top: 71.00,
  179. position: "absolute"
  180. },
  181. rectangle107TwoImage: {
  182. resizeMode: "center",
  183. backgroundColor: "rgba(0, 0, 0, 0)",
  184. width: 6.00,
  185. height: 19.00,
  186. left: 122.00,
  187. top: 142.00,
  188. position: "absolute"
  189. },
  190. rectangle107ThreeImage: {
  191. resizeMode: "center",
  192. backgroundColor: "rgba(0, 0, 0, 0)",
  193. width: 6.00,
  194. height: 19.00,
  195. left: 162.00,
  196. top: 142.00,
  197. position: "absolute"
  198. },
  199. rectangle107FourImage: {
  200. resizeMode: "center",
  201. backgroundColor: "rgba(0, 0, 0, 0)",
  202. width: 6.00,
  203. height: 19.00,
  204. left: 202.00,
  205. top: 142.00,
  206. position: "absolute"
  207. },
  208. rectangle107FiveImage: {
  209. resizeMode: "center",
  210. backgroundColor: "rgba(0, 0, 0, 0)",
  211. width: 6.00,
  212. height: 19.00,
  213. left: 242.00,
  214. top: 142.00,
  215. position: "absolute"
  216. },
  217. mText: {
  218. color: "rgba(38, 38, 40, 1)",
  219. fontFamily: "Montserrat-Regular",
  220. fontSize: 11.00,
  221. fontStyle: "normal",
  222. fontWeight: "normal",
  223. textAlign: "center",
  224. letterSpacing: 0.00,
  225. backgroundColor: "rgba(0, 0, 0, 0)",
  226. width: 12.00,
  227. height: 14.00,
  228. left: -1.00,
  229. top: 207.00,
  230. position: "absolute"
  231. },
  232. tText: {
  233. color: "rgba(38, 38, 40, 1)",
  234. fontFamily: "Montserrat-Regular",
  235. fontSize: 11.00,
  236. fontStyle: "normal",
  237. fontWeight: "normal",
  238. textAlign: "center",
  239. letterSpacing: 0.00,
  240. backgroundColor: "rgba(0, 0, 0, 0)",
  241. width: 7.00,
  242. height: 14.00,
  243. left: 42.00,
  244. top: 207.00,
  245. position: "absolute"
  246. },
  247. tCopyText: {
  248. color: "rgba(38, 38, 40, 1)",
  249. fontFamily: "Montserrat-Regular",
  250. fontSize: 11.00,
  251. fontStyle: "normal",
  252. fontWeight: "normal",
  253. textAlign: "center",
  254. letterSpacing: 0.00,
  255. backgroundColor: "rgba(0, 0, 0, 0)",
  256. width: 7.00,
  257. height: 14.00,
  258. left: 122.00,
  259. top: 207.00,
  260. position: "absolute"
  261. },
  262. fText: {
  263. color: "rgba(38, 38, 40, 1)",
  264. fontFamily: "Montserrat-Regular",
  265. fontSize: 11.00,
  266. fontStyle: "normal",
  267. fontWeight: "normal",
  268. textAlign: "center",
  269. letterSpacing: 0.00,
  270. backgroundColor: "rgba(0, 0, 0, 0)",
  271. width: 7.00,
  272. height: 14.00,
  273. left: 162.00,
  274. top: 207.00,
  275. position: "absolute"
  276. },
  277. sText: {
  278. color: "rgba(38, 38, 40, 1)",
  279. fontFamily: "Montserrat-Regular",
  280. fontSize: 11.00,
  281. fontStyle: "normal",
  282. fontWeight: "normal",
  283. textAlign: "center",
  284. letterSpacing: 0.00,
  285. backgroundColor: "rgba(0, 0, 0, 0)",
  286. width: 7.00,
  287. height: 14.00,
  288. left: 202.00,
  289. top: 207.00,
  290. position: "absolute"
  291. },
  292. sCopyText: {
  293. color: "rgba(38, 38, 40, 1)",
  294. fontFamily: "Montserrat-Regular",
  295. fontSize: 11.00,
  296. fontStyle: "normal",
  297. fontWeight: "normal",
  298. textAlign: "center",
  299. letterSpacing: 0.00,
  300. backgroundColor: "rgba(0, 0, 0, 0)",
  301. width: 7.00,
  302. height: 14.00,
  303. left: 242.00,
  304. top: 207.00,
  305. position: "absolute"
  306. },
  307. wText: {
  308. color: "rgba(38, 38, 40, 1)",
  309. fontFamily: "Montserrat-Regular",
  310. fontSize: 11.00,
  311. fontStyle: "normal",
  312. fontWeight: "normal",
  313. textAlign: "center",
  314. letterSpacing: 0.00,
  315. backgroundColor: "rgba(0, 0, 0, 0)",
  316. width: 10.00,
  317. height: 14.00,
  318. left: 81.00,
  319. top: 207.00,
  320. position: "absolute"
  321. },
  322. cardView: {
  323. backgroundColor: "rgba(234, 234, 234, 1)",
  324. width: 173.00,
  325. height: 90.00,
  326. left: 10.00,
  327. top: 230.00,
  328. position: "absolute"
  329. },
  330. usersText: {
  331. color: "rgba(38, 38, 40, 1)",
  332. fontFamily: "Montserrat-Regular",
  333. fontSize: 11.00,
  334. fontStyle: "normal",
  335. fontWeight: "normal",
  336. textAlign: "left",
  337. letterSpacing: 0.00,
  338. backgroundColor: "rgba(0, 0, 0, 0)",
  339. opacity: 0.40,
  340. width: 31.00,
  341. height: 14.00,
  342. left: 20.00,
  343. top: 26.00,
  344. position: "absolute"
  345. },
  346. textText: {
  347. color: "rgba(38, 38, 40, 1)",
  348. fontFamily: "Montserrat-Regular",
  349. fontSize: 18.00,
  350. fontStyle: "normal",
  351. fontWeight: "normal",
  352. textAlign: "left",
  353. letterSpacing: 0.00,
  354. backgroundColor: "rgba(0, 0, 0, 0)",
  355. width: 56.00,
  356. height: 22.00,
  357. left: 20.00,
  358. top: 43.00,
  359. position: "absolute"
  360. },
  361. cardTwoView: {
  362. backgroundColor: "rgba(234, 234, 234, 1)",
  363. width: 172.00,
  364. height: 90.00,
  365. left: 193.00,
  366. top: 230.00,
  367. position: "absolute"
  368. },
  369. averageSessionTimeText: {
  370. color: "rgba(38, 38, 40, 1)",
  371. fontFamily: "Montserrat-Regular",
  372. fontSize: 11.00,
  373. fontStyle: "normal",
  374. fontWeight: "normal",
  375. textAlign: "left",
  376. letterSpacing: 0.00,
  377. backgroundColor: "rgba(0, 0, 0, 0)",
  378. opacity: 0.40,
  379. width: 119.00,
  380. height: 14.00,
  381. left: 20.00,
  382. top: 25.00,
  383. position: "absolute"
  384. },
  385. textTwoText: {
  386. color: "rgba(38, 38, 40, 1)",
  387. fontFamily: "Montserrat-Regular",
  388. fontSize: 18.00,
  389. fontStyle: "normal",
  390. fontWeight: "normal",
  391. textAlign: "left",
  392. letterSpacing: 0.00,
  393. backgroundColor: "rgba(0, 0, 0, 0)",
  394. width: 76.00,
  395. height: 22.00,
  396. left: 20.00,
  397. top: 42.00,
  398. position: "absolute"
  399. },
  400. rectangle106Copy7View: {
  401. backgroundColor: "rgba(234, 234, 234, 1)",
  402. width: 172.00,
  403. height: 120.00,
  404. left: 10.00,
  405. top: 100.00,
  406. position: "absolute"
  407. },
  408. cardThreeView: {
  409. backgroundColor: "rgba(147, 208, 170, 1)",
  410. width: 145.00,
  411. height: 120.00,
  412. left: 10.00,
  413. top: 100.00,
  414. position: "absolute"
  415. },
  416. textThreeText: {
  417. color: "rgba(255, 255, 255, 1)",
  418. fontFamily: "Montserrat-Bold",
  419. fontSize: 50.00,
  420. fontStyle: "normal",
  421. fontWeight: "bold",
  422. textAlign: "left",
  423. letterSpacing: -2.00,
  424. backgroundColor: "rgba(0, 0, 0, 0)",
  425. width: 30.00,
  426. height: 61.00,
  427. left: 30.00,
  428. top: 42.00,
  429. position: "absolute"
  430. },
  431. goalsAchievedText: {
  432. color: "rgba(255, 255, 255, 1)",
  433. fontFamily: "Montserrat-Regular",
  434. fontSize: 11.00,
  435. fontStyle: "normal",
  436. fontWeight: "normal",
  437. textAlign: "left",
  438. letterSpacing: 0.00,
  439. backgroundColor: "rgba(0, 0, 0, 0)",
  440. opacity: 0.40,
  441. width: 84.00,
  442. height: 14.00,
  443. left: 30.00,
  444. top: 27.00,
  445. position: "absolute"
  446. },
  447. cardFourView: {
  448. backgroundColor: "rgba(234, 234, 234, 1)",
  449. width: 172.00,
  450. height: 120.00,
  451. left: 193.00,
  452. top: 100.00,
  453. position: "absolute"
  454. },
  455. rectangle106Copy6View: {
  456. backgroundColor: "rgba(80, 178, 247, 1)",
  457. width: 158.00,
  458. height: 120.00,
  459. left: 0.00,
  460. top: 0.00,
  461. position: "absolute"
  462. },
  463. textFourText: {
  464. color: "rgba(255, 255, 255, 1)",
  465. fontFamily: "Montserrat-Bold",
  466. fontSize: 50.00,
  467. fontStyle: "normal",
  468. fontWeight: "bold",
  469. textAlign: "left",
  470. letterSpacing: -2.00,
  471. backgroundColor: "rgba(0, 0, 0, 0)",
  472. width: 96.00,
  473. height: 61.00,
  474. left: 30.00,
  475. top: 42.00,
  476. position: "absolute"
  477. },
  478. dailyGoalText: {
  479. color: "rgba(255, 255, 255, 1)",
  480. fontFamily: "Montserrat-Regular",
  481. fontSize: 11.00,
  482. fontStyle: "normal",
  483. fontWeight: "normal",
  484. textAlign: "left",
  485. letterSpacing: 0.00,
  486. backgroundColor: "rgba(0, 0, 0, 0)",
  487. opacity: 0.40,
  488. width: 56.00,
  489. height: 14.00,
  490. left: 30.00,
  491. top: 27.00,
  492. position: "absolute"
  493. },
  494. cardCopyView: {
  495. backgroundColor: "rgba(234, 234, 234, 1)",
  496. width: 172.00,
  497. height: 120.00,
  498. left: 193.00,
  499. top: 100.00,
  500. position: "absolute"
  501. },
  502. rectangle106Copy6TwoView: {
  503. backgroundColor: "rgba(74, 144, 226, 1)",
  504. width: 158.00,
  505. height: 120.00,
  506. left: 0.00,
  507. top: 0.00,
  508. position: "absolute"
  509. },
  510. dayText: {
  511. color: "rgba(255, 255, 255, 1)",
  512. fontFamily: "Montserrat-Bold",
  513. fontSize: 40.00,
  514. fontStyle: "normal",
  515. fontWeight: "bold",
  516. textAlign: "left",
  517. letterSpacing: -2.00,
  518. backgroundColor: "rgba(0, 0, 0, 0)",
  519. width: 98.00,
  520. height: 61.00,
  521. left: 30.00,
  522. top: 42.00,
  523. position: "absolute"
  524. },
  525. timeLeftText: {
  526. color: "rgba(255, 255, 255, 1)",
  527. fontFamily: "Montserrat-Regular",
  528. fontSize: 11.00,
  529. fontStyle: "normal",
  530. fontWeight: "normal",
  531. textAlign: "left",
  532. letterSpacing: 0.00,
  533. backgroundColor: "rgba(0, 0, 0, 0)",
  534. opacity: 0.40,
  535. width: 50.00,
  536. height: 14.00,
  537. left: 30.00,
  538. top: 27.00,
  539. position: "absolute"
  540. },
  541. navBar2View: {
  542. backgroundColor: "rgba(0, 0, 0, 0)",
  543. width: 375.00,
  544. height: 70.00,
  545. left: 0.00,
  546. top: 0.00,
  547. position: "absolute"
  548. },
  549. tintLightImage: {
  550. resizeMode: "center",
  551. backgroundColor: "rgba(0, 0, 0, 0)",
  552. width: 375.00,
  553. height: 70.00,
  554. left: 0.00,
  555. top: 0.00,
  556. position: "absolute"
  557. },
  558. stroke2930CopyImage: {
  559. resizeMode: "center",
  560. backgroundColor: "rgba(0, 0, 0, 0)",
  561. width: 7.00,
  562. height: 14.00,
  563. left: 20.00,
  564. top: 38.00,
  565. position: "absolute"
  566. },
  567. group41Image: {
  568. resizeMode: "center",
  569. backgroundColor: "rgba(0, 0, 0, 0)",
  570. width: 16.00,
  571. height: 16.00,
  572. left: 339.00,
  573. top: 37.00,
  574. position: "absolute"
  575. },
  576. dashboardText: {
  577. color: "rgba(38, 38, 40, 1)",
  578. fontFamily: "Montserrat-Regular",
  579. fontSize: 18.00,
  580. fontStyle: "normal",
  581. fontWeight: "normal",
  582. textAlign: "center",
  583. letterSpacing: 0.00,
  584. backgroundColor: "rgba(0, 0, 0, 0)",
  585. width: 122.00,
  586. height: 22.00,
  587. left: 127.00,
  588. top: 33.00,
  589. position: "absolute"
  590. }
  591. });
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!