React-Native - Невозможно найти переменную: title

Question

New React-Native. Я пытаюсь настроить его. В index.ios.js, у меня есть:

class thingy extends Component { 
    render() { 
    return (
     <NavigatorIOS 
     style={styles.container} 
     initialRoute={(
      title: 'Thingy', 
      component: Main 
     )} /> 
    ); 
    } 
} 

Когда я запускаю это, приложение дает мне ошибку:

Не удается найти переменную: название

я не уверен, почему это дает мне эту ошибку. Есть идеи?

Главный компонент:

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

var { 
    View, 
    Text, 
    StyleSheet 
} = React; 

var styles = StyleSheet.create({ 
    mainContainer: { 
    flex: 1, 
    padding: 30, 
    marginTop: 65, 
    flexDirection: 'column', 
    justifyContent: 'center', 
    backgroundColor: '#48BBEC' 
    }, 
    title: { 
    marginBottom: 20, 
    fontSize: 25, 
    textAlign: 'center', 
    color: '#fff' 
    }, 
    searchInput: { 
    height: 50, 
    padding: 4, 
    marginRight: 5, 
    fontSize: 23, 
    bordderWidth: 1, 
    borderColor: 'white', 
    borderRadius: 8, 
    color: 'white' 
    }, 
    buttonText: { 
    fontSize: 18, 
    color: '#111', 
    alignSelf: 'center' 
    }, 
    button: { 
    height: 45, 
    flexDirection: 'row', 
    backgroundColor: 'white', 
    borderColor: 'white', 
    borderWidth: 1, 
    bordeRadius: 8, 
    marginBottom: 10, 
    marginTop: 10, 
    alignSelf: 'stretch', 
    justifyContent: 'center' 
    }, 
}); 

class Main extends React.Component{ 
    render(){ 
    return (
     <View style={styles.mainContainer}> 
     <Text> Testing the Router </Text> 
     </View> 
    ) 
    } 
}; 

module.exports = Main; 

Answer 1

Ах, это выглядит как initialRoute должен быть объектом, но вы его заворачивают в круглых скобках:

Как сейчас:

initialRoute={(
    title: 'Thingy', 
    component: Main 
)} 

На самом деле должно быть:

initialRoute={{ 
    title: 'Thingy', 
    component: Main 
}}