armadiazrino

PlainUI.js

Nov 28th, 2020
454
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React from 'react';
  2. import { StatusBar, Text, View, TouchableOpacity } from "react-native"
  3.  
  4. class App extends React.Component {
  5.  
  6.   render() {
  7.     return (
  8.         <View style={{ flex: 1, padding: 16, backgroundColor: "rgb(240,81,83)" }}>
  9.         <StatusBar backgroundColor={"rgb(220,81,83)"} barStyle={"light-content"} />
  10.         <View style={{ alignItems: "center" }}>
  11.           <Text style={{ textAlign: "center", fontSize: 64, color: "#FFF8DE" }}>{"Score"}</Text>
  12.           <Text style={{ textAlign: "center", fontSize: 128, color: "#FFF8DE" }}>{"0"}</Text>
  13.         </View>
  14.         <View style={{ flexDirection: "row", marginTop: 8, }}>
  15.           <TouchableOpacity
  16.             style={{ flex: 1, backgroundColor: "#FFF8DE", aspectRatio: 1.5, alignItems: "center", justifyContent: "center" }}>
  17.             <Text style={{ fontSize: 64, color: "rgb(240,81,83)" }}>{"+"}</Text>
  18.           </TouchableOpacity>
  19.           <View style={{ marginHorizontal: 8 }} />
  20.           <TouchableOpacity
  21.             style={{ flex: 1, backgroundColor: "#FFF8DE", aspectRatio: 1.5, alignItems: "center", justifyContent: "center" }}>
  22.             <Text style={{ fontSize: 64, color: "rgb(240,81,83)" }}>{"-"}</Text>
  23.           </TouchableOpacity>
  24.         </View>
  25.       </View>
  26.     )
  27.   }
  28. }
  29.  
  30. export default App
  31.  
RAW Paste Data