Unerwarteter Token, erwartet}

Question

Ich bekomme "Unerwarteter Token, erwartet}" Fehler beim Ausführen meiner Anwendung. Ich habe versucht, nach diesem Problem zu suchen, konnte aber keine Lösung finden. Scheint, wie alles hier in Ordnung ist:

import React from 'react'; 
import { Platform, StyleSheet, Button } from 'react-native'; 
import Ionicons from 'react-native-vector-icons/Ionicons'; 
import { TabNavigator } from 'react-navigation'; 

const myNavScreen = ({navigation})=>(
    <View style={styles.container}> 
    <Button onPress={()=>navigation.navigate("Home")} 
      title="Go to Home"/> 
    <Button onPress={()=>navigation.navigate("Friends")} 
      title="Go to Friends"/> 
    <Button onPress={()=>navigation.goBack(null)} 
      title="Go Back"/> 
    <View/> 
); 

const MyHomeScreen = ({navigation})=>(
    <myNavScreen navigation={navigation}/> 
); 

MyHomeScreen.navigationOptions={ 
    tabBarLabel: 'Home', 
    tabBarIcon: ({tintColor, focused}) =>(
    <Ionicons 
     name={focused? 'ios-home' : 'ios-home-outline'} 
     size={26} 
     style={{color: tintColor}} 
    /> 
), 
}; 

const MyFriendsScreen = ({navigation})=>(
    <myNavScreen navigation={navigation}/> 
); 

MyFriendsScreen.navigationOptions={ 
    tabBarLabel: 'My Friends', 
    tabBarIcon: ({tintColor, focused})=>(
    <Ionicons 
     name={focused? 'ios-people' : 'ios-people-outline'} 
     size={26} 
     style={{color: tintColor}} 
    /> 
), 
}; 

const SimpleTabs = TabNavigator({ 
    Home:{ 
     screen: MyHomeScreen, 
     path:'', 
    }, 
    Friends:{ 
     screen: MyFriendsScreen, 
     path: 'cart', 
    }, 
    }, 
    { 
    tabBarOptions:{ 
     activeTintColor: Platform.OS === 'ios' ? '#e91e63' : '#fff', 
    }, 
    } 
); 

const styles = StyleSheet.create({ 
    container: { 
    marginTop: Platform.OS === 'ios' ? 20 : 0, 
    }, 
}); 

export default SimpleTabs; 

Es ist, sagt, dass das Problem in MyHomeScreen.navigationOptions Block ist, aber ich versuche es einfach zu löschen in einem anderen Block des Codes das gleiche Problem verursacht. Ich suchte nach fehlenden} oder irgendetwas anderes falsch in der Syntax aber konnte nichts finden.

Was fehlt mir hier?

Answer 1

Sie haben vergessen Benutzer Komma

MyFriendsScreen.navigationOptions={ 
tabBarLabel: 'My Friends', 
tabBarIcon: ({tintColor, focused})=>(
    <Ionicons 
     name={focused? 'ios-people' : 'ios-people-outline'} 
     size={26} 
     style={{color: tintColor}} 
    /> 
), // Delete this comma 
}; 

Und alles wird gut :)