react-nativeでnavigationOptionsを使用します。

Question

コンポーネントでnavigatioinOptionsを使用しています。

私はnavigationOptionsを使用している間、スペースは常に残っています。私は、画像ファイルを添付している

static navigationOptions = ({ navigation }) => { 
return { 
    headerLeft: ... 
    } 
} 

：

は、ここに私のコードです。

私を助けてください。 お時間をいただきありがとうございます。タイトル| |したがって、レイアウトは、典型的なheaderLeftに準拠していない、あなたのスクリーンショットだけではheaderLeftを表していると仮定すると、

Answer 1

headerRight配置を、私はあなただけではheaderにこれらすべての要素を移動することをお勧めしたいです。ヘッダをこのように使用しているときにする必要があること

注：のように見えた

static navigationOptions = ({ navigation }) => { 
    return { 
    header: (
     <View 
     style={{ 
      backgroundColor: "red", 
      paddingTop: 21, 
     }} 
     > 
     <View style={{ backgroundColor: "yellow" }}> 
      <Text>This is 100% wide</Text> 
     </View> 
     </View> 
    ), 
    }; 
}; 

：その方法は、あなたがそこに必要なすべて、すなわちのための空間全体を持っていますすべてのプラットフォーム固有のスタイルを自分で処理してください。 Header.js' source codeが参考になる場合があります。