반응 네이티브에서 navigationOptions 사용

Question

구성 요소에서 navigatioinOptions를 사용하고 있습니다.

navigationOptions를 사용하는 동안 공간이 항상 사라지는 문제가 있습니다. 나는 이미지 파일을 첨부

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

:

여기 내 코드입니다.

도와주세요. 시간 내 주셔서 감사합니다. 제목 | |

Answer 1

스크린 샷 따라서 레이아웃은 일반적인 headerLeft에 부합하지, 혼자 headerLeft를 나타내는 가정 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이 도움이 될 수 있습니다.