來自react-native-elments不起作用的標題

Question

我一直在玩react-native-elements，並且我似乎無法獲得標題組件來呈現。我搞砸了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' }} 
      />