React-native-router-flux renderRightButton（）メソッド

Question

私はnavbarのカスタム右ボタンをレンダリングしようとしています。

リアクト - ネイティブ・ルータ・フラックスバージョン：^ 3.43.0

は、コードは次のようになります。

<Scene 
    initial 
    key="RegistrationType" 
    navigationBarStyle={Style.navBarStyleBlue} 
    renderRightButton={() => (
    <View style={{ 
     backgroundColor: 'yellow', 
     height: 50, 
     alignItems: 'center', 
     justifyContent: 'center' 
    }}> 
     <TouchableOpacity onPress={Actions.Login}> 
     <Text>Login</Text> 
     </TouchableOpacity> 
    </View> 
)} 
    component={RegistrationType} 
    title="" 
    hideNavBar={false} 
/> 

ナビゲーションバーのスタイル：だから基本的に私は

navBarStyleBlue: { 
    backgroundColor: 'blue', 
    borderBottomWidth: 0, 
    height: 50 
}, 

右ボタンをnavbarと垂直に整列させて、次のようなものを得るようにしてください：

しかし、その代わりに、私はこれを取得：

任意のアイデア？

Answer 1

それを見ました。 rightButtonStyleプロパティを使用する必要があります。

rightButtonStyle={{ 
    top: 0, 
    height: 50, 
    padding: 0, 
    justifyContent: 'center', 
    alignItems: 'center' 
}}