カスタムボタンを追加したり、イベントを追加するには、タイトルバーの右側(反応-ナビゲーション)

まず、需要:

    実現するには、タイトルバーの右側にカスタムボタンを追加

 

分析:

  毎日のナンセンスが、これは突然、専門家の指導を通じて、無益な研究を繰り返した後、難しいだろう誰がそうでない人には本当に難しいです。

 

使用します。

クラスHearNavigationは、コンポーネント{延び
    {レンダリング()
        リターン(
            <TouchableOpacityスタイル= {} styles.msgContent
              >
            <画像
              ソース= {必要とする( './../../ IMG / forward.png')}
             スタイル= {} styles.msgBg
   />
            </ TouchableOpacity>
        )
    }
}
 
輸出デフォルトのクラスCustomerDetailは、コンポーネントを{拡張します
    静的navigationOptions = {
        headerRight:<HearNavigation />
    }
}

 

 

第二に、需要:

    タイトルバーのテキストに加えて、イベントの右側

 

使用します。

クラスHearNavigationは、コンポーネント{延び
    コンストラクタ(小道具){
        スーパー(小道具)。
    }
    goPayList(){
        navigationNewPush({
            ナビゲーション:this.props.navigation、
            ルート: 'payList'
        });
    }
    {レンダリング()
        リターン(
            <テキストスタイル= {} styles.msgContent
                たonPress = {()=> {
                    this.goPayList()
                }}
            >
               クリックします
            </テキスト>
        )
    }
}
輸出デフォルトのクラスInsureListは、コンポーネントを{拡張します
    静的navigationOptions =(小道具)=> {
        リターン{
            headerRight <HearNavigation {...}小道具/>
        }
    }
}

おすすめ

転載: www.cnblogs.com/guanpingping/p/12056146.html