react-native-donkey-kong/src/menus/title.js

Donkey Kong remake using react-native-game-engine

import React, { PureComponent } from "react";
import { Text, View } from "react-native";
import EStyleSheet from "react-native-extended-stylesheet";

export default class Title extends PureComponent {
  render() {
    return (
      <View style={styles.titleContainer}>
        <Text style={styles.titleH3}>{`React   Native   Presents`}</Text>
        <Text style={styles.titleH1}>Donkey</Text>
        <Text style={styles.titleH2}>Kong</Text>
      </View>
    );
  }
}

const styles = EStyleSheet.create({
  titleContainer: {
    marginTop: 90,
    marginBottom: 60,
    alignItems: "center"
  },
  titleH1: {
    fontSize: 60,
    color: "$donkeyKongMenuPrimaryColor",
    textShadowColor: "$donkeyKongMenuSecondaryColor",
    textShadowOffset: { width: -1, height: 2 },
    textShadowRadius: 0,
    fontFamily: "$donkeyKongMenuFont"
  },
  titleH2: {
    fontSize: 40,
    color: "$donkeyKongMenuPrimaryColor",
    textShadowColor: "$donkeyKongMenuSecondaryColor",
    textShadowOffset: { width: -1, height: 2 },
    textShadowRadius: 0,
    fontFamily: "$donkeyKongMenuFont"
  },
  titleH3: {
    fontSize: 15,
    color: "#FFF",
    fontFamily: "$donkeyKongMenuFont"
  }
});