反応ネイティブのアンドロイドステータスバーにグラデーションカラーを使用することは可能ですか？

Question

私は反応ネイティブを使用してアンドロイドのステータスバーのグラデーションカラーを設定しようとしています。しかし、setBackgroundColorは色文字列を取ります。

ステータスバーの色にグラデーションカラーを使用できますか？

Answer 1

この時点でドキュメントに記載されているとおり、文字列のみを受け入れるため、できません。また、ステータスバーにグラデーションを使ったアプリを思いつくことさえできません。

StatusBarがコンポーネントを受け入れる場合は、Expo.io APIを使用してコンポーネントを受け入れることができます。好奇心が強い場合はをチェックしてください。

Answer 2

あなたはそれを微調整することができます。

私の場合、私のアプリケーションでは画面間を移動するのにwix/react-native-navigationを使います。だから、これらのオプションを使って自分の画面を表示します。

navigatorStyle: { navBarHidden: true, statusBarColor: 'transparent', drawUnderStatusBar: true },

Anがあなたのステータスバーを微調整するreact-native-linear-gradientをインポートする必要があります後。 （コンポーネントを作成してページに追加する）

<View> 
    <LinearGradient colors={yourArrayOfColors} style={styles.header}/> 

</View> 

... //and in your style 
header: { 
     height: (Platform.OS === 'ios' ? 20 : StatusBar.currentHeight), 
} 

これはトリックを行うことができます！