レスキュー元のエラメントのヘッダーが機能しない

Question

私はreact-native-elementsで遊んでいて、ヘッダーコンポーネントをレンダリングすることができないようです。私は反応のネイティブ要素の他のすべてのコンポーネントを使いこなし、それらはすべて動作するように見えます。

- ヘッダーは機能しませんが、通常のテキストまたは検索バーが機能します。

render() { 
    return (
     <Header 
     leftComponent={{ icon: 'menu', style: { color: '#fff'} }} 
     centerComponent={{ text: 'MY TITLE', style: { color: '#fff' } }} 
     rightComponent={{ icon: 'home', style: { color: '#fff'} }} 
     /> 
    ); 
    } 
} 

Answer 1

アーメド、

次のコードを試してみてください。これは私のために働いた。しかし今、私の問題は、ヘッダーの下にあるコンテンツがその上に重なっていることです。

   <Header 
       statusBarProps={{ barStyle: 'light-content' }} 
       centerComponent={{ text: 'Dashboard', style: { color: '#fff' } }} 
       outerContainerStyles={{ backgroundColor: '#324C66' }} 
      />