ステータスバーの色とは、ネイティブ反応し、反応ナビゲーションを

Question

私はreact-navigationを使用していますネイティブ反応し、私は

const MyScreenNavigator = StackNavigator({ 
    ... 
}, { 
    navigationOptions: { 
    headerStyle: { 
     backgroundColor: 'blue', 
    }, 
    headerTintColor: 'white' 
    } 
}); 

とヘッダーの色を変更したことは、ヘッダとステータスバーの両方の背景色を変更しますが、ステータスバーのフォントの色はまだ黒です。

ステータスバーのフォントの色をカスタマイズするにはどうすればよいですか？

Answer 1

APIとドキュメントはまだ頻繁に変更されますが、スタイルStackNavigatorのヘッダーには、headerTitleStyle: { color: 'white' }を使用してください。 （https://reactnavigation.org/docs/navigators/stack#headerTitleStyle）

Answer 2

私はあなたが現在navigationOptionsでステータスバーの背景色を変更できないと信じています。あなたのコンポーネントでステータスバーを使用する必要があります。

<StatusBar 
    barStyle="light-content" 
    backgroundColor='blue' 
/> 

Answer 3

私はStatusBar

const RootNavigator = StackNavigator({ 
... 
}, { 
    initialRouteName: 'Home', 
    navigationOptions: { 
    header: <Header /> 
    } 
}); 

header.js

import { StatusBar } from 'react-native'; 
export default class Header extends Component<{}> { 
    <View> 
    <StatusBar backgroundColor="#fff" /> 
    ... 
    </View> 
}