API tools faq
paste
Guest User

Untitled

a guest
Jul 23rd, 2018
88
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.36 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 Two 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.copyView}>
  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("Two.mTextText")}</Text>
  52. <Text style={styles.tText}>{strings("Two.tTextText")}</Text>
  53. <Text style={styles.tCopyText}>{strings("Two.tCopyTextText")}</Text>
  54. <Text style={styles.fText}>{strings("Two.fTextText")}</Text>
  55. <Text style={styles.sText}>{strings("Two.sTextText")}</Text>
  56. <Text style={styles.sCopyText}>{strings("Two.sCopyTextText")}</Text>
  57. <Text style={styles.wText}>{strings("Two.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("Two.usersTextText")}</Text>
  67. <Text style={styles.textText}>{strings("Two.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("Two.averageSessionTimeTextText")}</Text>
  77. <Text style={styles.textTwoText}>{strings("Two.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}>10</Text>
  88. <Text style={styles.congratsAllGoalsText}>{strings("Two.congratsAllGoalsTextText")}</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("Two.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("Two.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-2.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("Two.dashboardTextText")}</Text>
  133. </View>
  134. </View>
  135. <Image style={styles.group7Image} source={require("./../../Assets/images/group-7.png")} />
  136. <Image style={styles.doneImage} source={require("./../../Assets/images/done.png")} />
  137. </View>
  138. <Text>We are able to add new components here and have them hot-reload</Text>
  139. </View>
  140. )
  141. }
  142. }
  143.  
  144. // We can also iterate on our designs by changing values here
  145. const styles = StyleSheet.create({
  146. copyView: {
  147. backgroundColor: "rgba(255, 255, 255, 1)",
  148. flex: 1
  149. },
  150. weekView: {
  151. backgroundColor: "rgba(0, 0, 0, 0)",
  152. width: 249.00,
  153. height: 221.00,
  154. left: 63.00,
  155. top: 394.00,
  156. position: "absolute"
  157. },
  158. rectangle107Image: {
  159. resizeMode: "center",
  160. backgroundColor: "rgba(0, 0, 0, 0)",
  161. width: 6.00,
  162. height: 19.00,
  163. left: 2.00,
  164. top: 142.00,
  165. position: "absolute"
  166. },
  167. rectangle107View: {
  168. backgroundColor: "rgba(56, 166, 146, 1)",
  169. borderRadius: 3.00,
  170. width: 6.00,
  171. height: 160.00,
  172. left: 42.00,
  173. top: 0.00,
  174. position: "absolute"
  175. },
  176. rectangle107TwoView: {
  177. backgroundColor: "rgba(56, 166, 146, 1)",
  178. borderRadius: 3.00,
  179. width: 6.00,
  180. height: 90.00,
  181. left: 82.00,
  182. top: 71.00,
  183. position: "absolute"
  184. },
  185. rectangle107TwoImage: {
  186. resizeMode: "center",
  187. backgroundColor: "rgba(0, 0, 0, 0)",
  188. width: 6.00,
  189. height: 19.00,
  190. left: 122.00,
  191. top: 142.00,
  192. position: "absolute"
  193. },
  194. rectangle107ThreeImage: {
  195. resizeMode: "center",
  196. backgroundColor: "rgba(0, 0, 0, 0)",
  197. width: 6.00,
  198. height: 19.00,
  199. left: 162.00,
  200. top: 142.00,
  201. position: "absolute"
  202. },
  203. rectangle107FourImage: {
  204. resizeMode: "center",
  205. backgroundColor: "rgba(0, 0, 0, 0)",
  206. width: 6.00,
  207. height: 19.00,
  208. left: 202.00,
  209. top: 142.00,
  210. position: "absolute"
  211. },
  212. rectangle107FiveImage: {
  213. resizeMode: "center",
  214. backgroundColor: "rgba(0, 0, 0, 0)",
  215. width: 6.00,
  216. height: 19.00,
  217. left: 242.00,
  218. top: 142.00,
  219. position: "absolute"
  220. },
  221. mText: {
  222. color: "rgba(38, 38, 40, 1)",
  223. fontFamily: "Montserrat-Regular",
  224. fontSize: 11.00,
  225. fontStyle: "normal",
  226. fontWeight: "normal",
  227. textAlign: "center",
  228. letterSpacing: 0.00,
  229. backgroundColor: "rgba(0, 0, 0, 0)",
  230. width: 12.00,
  231. height: 14.00,
  232. left: -1.00,
  233. top: 207.00,
  234. position: "absolute"
  235. },
  236. tText: {
  237. color: "rgba(38, 38, 40, 1)",
  238. fontFamily: "Montserrat-Regular",
  239. fontSize: 11.00,
  240. fontStyle: "normal",
  241. fontWeight: "normal",
  242. textAlign: "center",
  243. letterSpacing: 0.00,
  244. backgroundColor: "rgba(0, 0, 0, 0)",
  245. width: 7.00,
  246. height: 14.00,
  247. left: 42.00,
  248. top: 207.00,
  249. position: "absolute"
  250. },
  251. tCopyText: {
  252. color: "rgba(38, 38, 40, 1)",
  253. fontFamily: "Montserrat-Regular",
  254. fontSize: 11.00,
  255. fontStyle: "normal",
  256. fontWeight: "normal",
  257. textAlign: "center",
  258. letterSpacing: 0.00,
  259. backgroundColor: "rgba(0, 0, 0, 0)",
  260. width: 7.00,
  261. height: 14.00,
  262. left: 122.00,
  263. top: 207.00,
  264. position: "absolute"
  265. },
  266. fText: {
  267. color: "rgba(38, 38, 40, 1)",
  268. fontFamily: "Montserrat-Regular",
  269. fontSize: 11.00,
  270. fontStyle: "normal",
  271. fontWeight: "normal",
  272. textAlign: "center",
  273. letterSpacing: 0.00,
  274. backgroundColor: "rgba(0, 0, 0, 0)",
  275. width: 7.00,
  276. height: 14.00,
  277. left: 162.00,
  278. top: 207.00,
  279. position: "absolute"
  280. },
  281. sText: {
  282. color: "rgba(38, 38, 40, 1)",
  283. fontFamily: "Montserrat-Regular",
  284. fontSize: 11.00,
  285. fontStyle: "normal",
  286. fontWeight: "normal",
  287. textAlign: "center",
  288. letterSpacing: 0.00,
  289. backgroundColor: "rgba(0, 0, 0, 0)",
  290. width: 7.00,
  291. height: 14.00,
  292. left: 202.00,
  293. top: 207.00,
  294. position: "absolute"
  295. },
  296. sCopyText: {
  297. color: "rgba(38, 38, 40, 1)",
  298. fontFamily: "Montserrat-Regular",
  299. fontSize: 11.00,
  300. fontStyle: "normal",
  301. fontWeight: "normal",
  302. textAlign: "center",
  303. letterSpacing: 0.00,
  304. backgroundColor: "rgba(0, 0, 0, 0)",
  305. width: 7.00,
  306. height: 14.00,
  307. left: 242.00,
  308. top: 207.00,
  309. position: "absolute"
  310. },
  311. wText: {
  312. color: "rgba(38, 38, 40, 1)",
  313. fontFamily: "Montserrat-Regular",
  314. fontSize: 11.00,
  315. fontStyle: "normal",
  316. fontWeight: "normal",
  317. textAlign: "center",
  318. letterSpacing: 0.00,
  319. backgroundColor: "rgba(0, 0, 0, 0)",
  320. width: 10.00,
  321. height: 14.00,
  322. left: 81.00,
  323. top: 207.00,
  324. position: "absolute"
  325. },
  326. cardView: {
  327. backgroundColor: "rgba(234, 234, 234, 1)",
  328. width: 173.00,
  329. height: 90.00,
  330. left: 10.00,
  331. top: 230.00,
  332. position: "absolute"
  333. },
  334. usersText: {
  335. color: "rgba(38, 38, 40, 1)",
  336. fontFamily: "Montserrat-Regular",
  337. fontSize: 11.00,
  338. fontStyle: "normal",
  339. fontWeight: "normal",
  340. textAlign: "left",
  341. letterSpacing: 0.00,
  342. backgroundColor: "rgba(0, 0, 0, 0)",
  343. opacity: 0.40,
  344. width: 31.00,
  345. height: 14.00,
  346. left: 20.00,
  347. top: 26.00,
  348. position: "absolute"
  349. },
  350. textText: {
  351. color: "rgba(38, 38, 40, 1)",
  352. fontFamily: "Montserrat-Regular",
  353. fontSize: 18.00,
  354. fontStyle: "normal",
  355. fontWeight: "normal",
  356. textAlign: "left",
  357. letterSpacing: 0.00,
  358. backgroundColor: "rgba(0, 0, 0, 0)",
  359. width: 56.00,
  360. height: 22.00,
  361. left: 20.00,
  362. top: 43.00,
  363. position: "absolute"
  364. },
  365. cardTwoView: {
  366. backgroundColor: "rgba(234, 234, 234, 1)",
  367. width: 172.00,
  368. height: 90.00,
  369. left: 193.00,
  370. top: 230.00,
  371. position: "absolute"
  372. },
  373. averageSessionTimeText: {
  374. color: "rgba(38, 38, 40, 1)",
  375. fontFamily: "Montserrat-Regular",
  376. fontSize: 11.00,
  377. fontStyle: "normal",
  378. fontWeight: "normal",
  379. textAlign: "left",
  380. letterSpacing: 0.00,
  381. backgroundColor: "rgba(0, 0, 0, 0)",
  382. opacity: 0.40,
  383. width: 119.00,
  384. height: 14.00,
  385. left: 20.00,
  386. top: 25.00,
  387. position: "absolute"
  388. },
  389. textTwoText: {
  390. color: "rgba(38, 38, 40, 1)",
  391. fontFamily: "Montserrat-Regular",
  392. fontSize: 18.00,
  393. fontStyle: "normal",
  394. fontWeight: "normal",
  395. textAlign: "left",
  396. letterSpacing: 0.00,
  397. backgroundColor: "rgba(0, 0, 0, 0)",
  398. width: 76.00,
  399. height: 22.00,
  400. left: 20.00,
  401. top: 42.00,
  402. position: "absolute"
  403. },
  404. rectangle106Copy7View: {
  405. backgroundColor: "rgba(234, 234, 234, 1)",
  406. width: 172.00,
  407. height: 120.00,
  408. left: 10.00,
  409. top: 100.00,
  410. position: "absolute"
  411. },
  412. cardThreeView: {
  413. backgroundColor: "rgba(147, 208, 170, 1)",
  414. width: 173.00,
  415. height: 120.00,
  416. left: 10.00,
  417. top: 100.00,
  418. position: "absolute"
  419. },
  420. textThreeText: {
  421. color: "rgba(255, 255, 255, 1)",
  422. fontFamily: "Montserrat-Bold",
  423. fontSize: 50.00,
  424. fontStyle: "normal",
  425. fontWeight: "bold",
  426. textAlign: "left",
  427. letterSpacing: -2.00,
  428. backgroundColor: "rgba(0, 0, 0, 0)",
  429. width: 51.00,
  430. height: 61.00,
  431. left: 30.00,
  432. top: 42.00,
  433. position: "absolute"
  434. },
  435. congratsAllGoalsText: {
  436. color: "rgba(255, 255, 255, 1)",
  437. fontFamily: "Montserrat-Regular",
  438. fontSize: 11.00,
  439. fontStyle: "normal",
  440. fontWeight: "normal",
  441. textAlign: "left",
  442. letterSpacing: 0.00,
  443. backgroundColor: "rgba(0, 0, 0, 0)",
  444. opacity: 0.40,
  445. width: 121.00,
  446. height: 28.00,
  447. left: 30.00,
  448. top: 17.00,
  449. position: "absolute"
  450. },
  451. cardFourView: {
  452. backgroundColor: "rgba(234, 234, 234, 1)",
  453. width: 172.00,
  454. height: 120.00,
  455. left: 193.00,
  456. top: 100.00,
  457. position: "absolute"
  458. },
  459. rectangle106Copy6View: {
  460. backgroundColor: "rgba(80, 178, 247, 1)",
  461. width: 158.00,
  462. height: 120.00,
  463. left: 0.00,
  464. top: 0.00,
  465. position: "absolute"
  466. },
  467. textFourText: {
  468. color: "rgba(255, 255, 255, 1)",
  469. fontFamily: "Montserrat-Bold",
  470. fontSize: 50.00,
  471. fontStyle: "normal",
  472. fontWeight: "bold",
  473. textAlign: "left",
  474. letterSpacing: -2.00,
  475. backgroundColor: "rgba(0, 0, 0, 0)",
  476. width: 96.00,
  477. height: 61.00,
  478. left: 30.00,
  479. top: 42.00,
  480. position: "absolute"
  481. },
  482. dailyGoalText: {
  483. color: "rgba(255, 255, 255, 1)",
  484. fontFamily: "Montserrat-Regular",
  485. fontSize: 11.00,
  486. fontStyle: "normal",
  487. fontWeight: "normal",
  488. textAlign: "left",
  489. letterSpacing: 0.00,
  490. backgroundColor: "rgba(0, 0, 0, 0)",
  491. opacity: 0.40,
  492. width: 56.00,
  493. height: 14.00,
  494. left: 30.00,
  495. top: 27.00,
  496. position: "absolute"
  497. },
  498. cardCopyView: {
  499. backgroundColor: "rgba(234, 234, 234, 1)",
  500. width: 172.00,
  501. height: 120.00,
  502. left: 193.00,
  503. top: 100.00,
  504. position: "absolute"
  505. },
  506. rectangle106Copy6TwoView: {
  507. backgroundColor: "rgba(74, 144, 226, 1)",
  508. width: 158.00,
  509. height: 120.00,
  510. left: 0.00,
  511. top: 0.00,
  512. position: "absolute"
  513. },
  514. dayText: {
  515. color: "rgba(255, 255, 255, 1)",
  516. fontFamily: "Montserrat-Bold",
  517. fontSize: 40.00,
  518. fontStyle: "normal",
  519. fontWeight: "bold",
  520. textAlign: "left",
  521. letterSpacing: -2.00,
  522. backgroundColor: "rgba(0, 0, 0, 0)",
  523. width: 98.00,
  524. height: 61.00,
  525. left: 30.00,
  526. top: 42.00,
  527. position: "absolute"
  528. },
  529. timeLeftText: {
  530. color: "rgba(255, 255, 255, 1)",
  531. fontFamily: "Montserrat-Regular",
  532. fontSize: 11.00,
  533. fontStyle: "normal",
  534. fontWeight: "normal",
  535. textAlign: "left",
  536. letterSpacing: 0.00,
  537. backgroundColor: "rgba(0, 0, 0, 0)",
  538. opacity: 0.40,
  539. width: 50.00,
  540. height: 14.00,
  541. left: 30.00,
  542. top: 27.00,
  543. position: "absolute"
  544. },
  545. navBar2View: {
  546. backgroundColor: "rgba(0, 0, 0, 0)",
  547. width: 375.00,
  548. height: 70.00,
  549. left: 0.00,
  550. top: 0.00,
  551. position: "absolute"
  552. },
  553. tintLightImage: {
  554. resizeMode: "center",
  555. backgroundColor: "rgba(0, 0, 0, 0)",
  556. width: 375.00,
  557. height: 70.00,
  558. left: 0.00,
  559. top: 0.00,
  560. position: "absolute"
  561. },
  562. stroke2930CopyImage: {
  563. resizeMode: "center",
  564. backgroundColor: "rgba(0, 0, 0, 0)",
  565. width: 7.00,
  566. height: 14.00,
  567. left: 20.00,
  568. top: 38.00,
  569. position: "absolute"
  570. },
  571. group41Image: {
  572. resizeMode: "center",
  573. backgroundColor: "rgba(0, 0, 0, 0)",
  574. width: 16.00,
  575. height: 16.00,
  576. left: 339.00,
  577. top: 37.00,
  578. position: "absolute"
  579. },
  580. dashboardText: {
  581. color: "rgba(38, 38, 40, 1)",
  582. fontFamily: "Montserrat-Regular",
  583. fontSize: 18.00,
  584. fontStyle: "normal",
  585. fontWeight: "normal",
  586. textAlign: "center",
  587. letterSpacing: 0.00,
  588. backgroundColor: "rgba(0, 0, 0, 0)",
  589. width: 122.00,
  590. height: 22.00,
  591. left: 127.00,
  592. top: 33.00,
  593. position: "absolute"
  594. },
  595. group7Image: {
  596. resizeMode: "center",
  597. backgroundColor: "rgba(0, 0, 0, 0)",
  598. width: 60.00,
  599. height: 57.00,
  600. left: 124.00,
  601. top: 100.00,
  602. position: "absolute"
  603. },
  604. doneImage: {
  605. resizeMode: "center",
  606. backgroundColor: "rgba(0, 0, 0, 0)",
  607. width: 33.00,
  608. height: 15.00,
  609. left: 147.00,
  610. top: 109.00,
  611. position: "absolute"
  612. }
  613. })
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!