react-native-halloween-setup.js

export default class App extends Component {
  constructor() {
    super();
    this.state = {
      currentPage: "start"
    };
    this.handlePage = this.handlePage.bind(this);
  }

  handlePage(page) {
    this.setState({ currentPage: page });
  }

  renderScreen() {
    const { currentPage } = this.state;
    switch (currentPage) {
      case "start":
        return <StartPage handlePage={this.handlePage} />;
      case "main":
        return <MainPage handlePage={this.handlePage} />;
      default:
        return <Text style={styles.text}>Something went wrong</Text>;
    }
  }

  render() {
    return (
      <View style={styles.container}>
        <Image
          style={styles.witchBackground}
          source={require("./img/witch.jpg")}
        >
          {this.renderScreen()}
        </Image>
      </View>
    );
  }
}