armadiazrino

App.js

Nov 29th, 2020
533
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, { useEffect, useState } from "react"
  2. import { ScrollView, StatusBar, StyleSheet, View } from "react-native"
  3. import Header from "./component/Header"
  4. import PrayerScheduleCard from "./component/PrayerScheduleCard"
  5.  
  6. const prayerData = [
  7.   {
  8.     title: "Fajr",
  9.     time: "04:25 (WIB)",
  10.   },
  11.   {
  12.     title: "Sunrise",
  13.     time: "05:25 (WIB)",
  14.   },
  15.   {
  16.     title: "Dhuhr",
  17.     time: "11:28 (WIB)",
  18.   },
  19.   {
  20.     title: "Asr",
  21.     time: "15:01 (WIB)",
  22.   },
  23.   {
  24.     title: "Maghrib",
  25.     time: "17:50 (WIB)",
  26.   },
  27.   {
  28.     title: "Isha",
  29.     time: "18:51 (WIB)",
  30.   },
  31. ]
  32.  
  33. const App = () => {
  34.   return (
  35.     <ScrollView style={styles.mainContainer}>
  36.       <StatusBar backgroundColor={"rgb(239,81,83)"} />
  37.       <Header title={"Hello Rino!"} time={"15:31"} />
  38.       <View style={styles.prayerCardContainer}>
  39.         <PrayerScheduleCard location={"Bandung"} prayers={prayerData} />
  40.       </View>
  41.     </ScrollView>
  42.   )
  43. }
  44.  
  45. const styles = StyleSheet.create({
  46.   mainContainer: {
  47.     backgroundColor: "rgb(255,248,222)",
  48.     flexGrow: 1,
  49.   },
  50.   prayerCardContainer: {
  51.     top: -48,
  52.   },
  53. })
  54. export default App
  55.  
RAW Paste Data