リアクションナビゲーション：ヘッダータイトルをRedux状態で使用/変更

Question

リアクションナビゲーションのヘッダータイトル内のRedux状態全体にアクセスできますか？

official docsは、ナビゲーションに対応する状態がアクセス可能であることを言う：

static navigationOptions = { 
    title: ({ state }) => `Chat with ${state.params.user}` 
    }; 

しかし、私はタイトル更新その状態を更新して、私のReduxの状態の他の部分にアクセスしたいです。それは今日可能ですか？

Answer 1

これは少しの回避策で可能です。

static navigationOptions = { 
    header: (navigation) => { 
     return <HomeViewTitle />; 
    } 
} 

をして、あなたが接続できます。私も、あなたはちょうどこのようなあなたのヘッダーに新しいコンポーネントを使用する必要がどちらか私は

:-)この素晴らしい機能呼び出します。この回避策を呼び出すことはありませんReduxの状態で私の場合のHomeViewTitle：その後、

import React, { Component } from 'react'; 

import { 
    View, 
    Text 
} from 'react-native'; 

import { connect } from 'react-redux'; 


class HomeViewTitle extends Component { 

    render() { 

     return (

      <View style={{height: 64, backgroundColor: '#000000', alignItems: 'center', justifyContent: 'center', paddingTop: 20}}> 
       <Text style={{color: '#FFFFFF', fontSize: 17, fontWeight: 'bold'}}>Home</Text> 
      </View> 

     ); 

    } 

} 

const mapStateToProps = (state) => { 
    return state; 
} 

export default connect(mapStateToProps)(HomeViewTitle); 

はあなたがHomeViewTitleで小道具としてあなたのReduxの状態を持っていて、動的なヘッダーを設定することができます