なぜ私のネイティブナビゲーションバーのテキストが垂直の中心にないのですか？

Question

Navigator.NavigationBarコンポーネントを使用してNavbarを作成しますが、テキストは垂直に配置しません。

どのように私はこの問題を解決することができます。このよう

？

Answer 1

私もこの問題に遭遇しました。解決策：

<Navigator.NavigationBar 
    routeMapper={{ 
     Title: (route, navigator, index, navState) => 
      { 
       return (
        <View style={{ 
          justifyContent: 'center', 
          flex: 1 
         }}> 
         <Text style={{color: 'white'}}>Candidates</Text> 
        </View> 
       ); 
      }, 
    }} 
/> 

だから、基本的navbars高さ（flex: 1ルール）を満たし、あなたのナビゲーションバーの要素の親ラップがありますことを確認し、垂直justifyContent: 'center'でその内容を中央に配置します。

私はこの例ではスタイルをインライン化しましたが、StyleSheetオブジェクトからインラインでスタイルを取得する方が効率的です。