another-file.js

something.

something.js

render() {
    // Show loading screen if state values not set
    if (this.state.wordObjects.length < 1) {
        return (
            <View style={styles.puzzleWrapper}>
            <Text>Cryptogram Generator</Text>
            <Text>Loading...</Text>
            </View>
        );
    } 
    else {
        return (
            <View style={styles.puzzleWrapper}>
            <Text>Cryptogram Generator</Text>
            <View style={styles.quoteWrapper}>
            {this.state.wordObjects.map((wordObj, index) => (
                <View key={"word-" + index} style={styles.quote}>        
                <WordSpace wordObj={wordObj} />
                </View>
            ))}
      <View style={styles.authorWrapper}>
            {this.state.nameObjects.map((nameObj, index) => (
                <View key={"name-" + index} style={styles.quote}
                <WordSpace wordObj={nameObj} />
                </View>
            ))}
            </View>
            </View>
            <Button
                title="View Solution"
                onPress={() => {
                    alert(this.state.originalObj.quote +"\n\n" +
                    this.state.originalObj.author);
                }}
           />
           <Button
                title="New Puzzle"
                onPress={() => {
                    this.setState({ wordObjects: [] });
                    this.startNewGame();
                }}
           />
    </View>
    );
}}