web-dev-qa-db-ja.com

StatusBarを透明にする方法は？

AndroidステータスバーをReact Nativeで透明にする方法を知っている人はいますか？

不透明、透明。

私も反応ナビゲーションを使用しています。

androidreact-nativestatusbar
9
Giorgos Kartalis

次のように使用するだけです：テスト済み： "react-native"： "0.60.4"および "0.61.5"

<StatusBar translucent backgroundColor="transparent" />
15
Felipe Rugai

これを試して、Androidでステータスバーを透明にします

container: {
      flex:1,
      paddingTop: 20
    },

メインのViewコンポーネントにdisplay flexとpaddingTopを追加します

1
Maulana Prambadi

反応ネイティブで、エキスポを使用している場合は、 app.json ファイルに移動して、ステータスバーの色を追加できます。この後、完全なアプリのステータスバーの背景色が変わります。

"androidStatusBar": {
  "backgroundColor": "#105846"
},

リンク先のページをご確認ください。

0
Rishi Singh

OSのステータスバー（wifi/bluetooth/settingsなどにアクセスするためにプルダウンするもの）について話している場合は、MainActivity.Javaにこれを追加してみてください。

private void hideNavigationBar() {
    getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);
}

そして、同じMainActivity.Javaからこの関数でthat ^関数を呼び出すことができます。

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    hideNavigationBar();
}

ただし、アプリのStatusBarについて話している場合は、これをApp.jsファイルに追加してみてください

static navigationOptions = {
    header: null
}
0
ladder

StatusBar.setBackgroundColor(Colors.TRANSPARENT);を使用して設定できます

0
carlmagumpara