Can't find what the unexpected token is on (19:9) React Native

Question

I have been following a tutorial with React Native and emulating the result using Xcode's iPhone emulator, however I'm stuck on this error message and cannot see what's wrong. I have another file which is importing this component to be within the NavigatorIOS component.

var React = require('react-native');

var {
	View,
	StyleSheet,
	Text
} = React;

var styles = StyleSheet.create ({
	mainContainer: {
		flex: 1,
		flexDirection: 'column',
		justifyContent: 'center',
		backgroundColor: '#eee'
	}
});

class Main extends React.Component {
	render: function() {
        return (
            <Text>
            	Hello
            </Text>
        )
    }
};

module.exports = Main;

Answer 1

Inside class bodies, methods are declared with

render() { ... }

not

render: function() { ... }

See the MDN documentation for more information.