ナビゲーションオプションで状態を定義するときのエラー

Question

ローカライゼーションを有効にするためにlibraryを使用しようとしています。私はボタンをクリックするとサンプルアプリでは、私はエラーを取得する：

Unhandled JS Exception: `title` cannot be defined as a function in navigation options for `Settings` screen. 

Try replacing the following: 
{ 
    title: ({ state }) => state... 
} 

with: 
({ navigation }) => ({ 
    title: navigation.state... 
}) 

問題があるとき、私はわからないが、私は、コード

const AppNavigator = StackNavigator({ 
    Home: { 
    screen: WelcomeContainer, 
    navigationOptions: { 
     title: 'Multi Language Sample App' // we advice using something static like your app's name or company name on the startup screen 
    } 
    }, 
    Settings: { 
    screen: SettingsContainer, 
    navigationOptions: { 
     title: (navigation) => { 
     return navigation.state.params.title 
     } 
    } 
    }, 
    About:{ 
    screen: About, 
    navigationOptions: { 
     title: (navigation) => { 
     return navigation.state.params.title 
     } 
    } 
    } 
}) 

のこの平和のit'sを考えます私は、提案されたものとコードを置き換えようとしましたが、うまく機能しませんでした。問題を解決するのを手伝ってもらえますか？

Answer 1

react-navigation StackNavigator title propは文字列値を要求します。

title

String that can be used as a fallback for headerTitle . Additionally, will be used as a fallback for tabBarLabel (if nested in a TabNavigator) or drawerLabel (if nested in a DrawerNavigator)

タイトルを動的に設定する場合は、以下のコードを実装することができます。

Settings: { 
    screen: SettingsContainer, 
    navigationOptions: ({navigation}) => ({ 
    title: navigation.state.params.title 
    }) 
}