PlainUI.js

import React from 'react';
import { StatusBar, Text, View, TouchableOpacity } from "react-native"

class App extends React.Component {

  render() {
    return (
        <View style={{ flex: 1, padding: 16, backgroundColor: "rgb(240,81,83)" }}>
        <StatusBar backgroundColor={"rgb(220,81,83)"} barStyle={"light-content"} />
        <View style={{ alignItems: "center" }}>
          <Text style={{ textAlign: "center", fontSize: 64, color: "#FFF8DE" }}>{"Score"}</Text>
          <Text style={{ textAlign: "center", fontSize: 128, color: "#FFF8DE" }}>{"0"}</Text>
        </View>
        <View style={{ flexDirection: "row", marginTop: 8, }}>
          <TouchableOpacity
            style={{ flex: 1, backgroundColor: "#FFF8DE", aspectRatio: 1.5, alignItems: "center", justifyContent: "center" }}>
            <Text style={{ fontSize: 64, color: "rgb(240,81,83)" }}>{"+"}</Text>
          </TouchableOpacity>
          <View style={{ marginHorizontal: 8 }} />
          <TouchableOpacity
            style={{ flex: 1, backgroundColor: "#FFF8DE", aspectRatio: 1.5, alignItems: "center", justifyContent: "center" }}>
            <Text style={{ fontSize: 64, color: "rgb(240,81,83)" }}>{"-"}</Text>
          </TouchableOpacity>
        </View>
      </View>
    )
  }
}

export default App