style3.js

import React from "react";
import { StyleSheet, Text, View, Image } from "react-native";

export default class Schedule extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Image style={styles.image} source={require("../assets/hero.png")}>
          <Image style={styles.logo} source={require("../assets/logo.png")} />
          <Text style={styles.title}>React Europe Conference</Text>
        </Image>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff"
  },
  image: {
    height: 200,
    width: null,
    justifyContent: "center",
    alignItems: "center"
  },
  logo: {
    width: 46,
    height: 40,
    marginBottom: 10
  },
  title: {
    backgroundColor: "transparent",
    color: "white",
    fontSize: 24
  }
});s