web-dev-qa-db-de.com

Wie mache ich StatusBar transparent?

Kennt jemand eine Möglichkeit, Android Statusleiste mit React Native) transparent zu machen?

NICHT TRANSLUZENT, transparent.

Ich benutze auch die Reaktionsnavigation.

9

Die Verwendung ist wie folgt: Getestet mit: "react-native": "0.60.4" und "0.61.5"

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

Versuchen Sie dies, um eine transparente Statusleiste in Android zu erstellen

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

fügen Sie Ihrer Hauptkomponente View Display-Flex und paddingTop hinzu

1

Wenn Sie expo verwenden, können Sie in React native zur Datei app.json gehen und die Farbe der Statusleiste hinzufügen. Danach ändert sich die Hintergrundfarbe der Statusleiste für die gesamte App.

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

Überprüfen Sie die verlinkte Seite.

0
Rishi Singh

Wenn Sie über die Statusleiste des Betriebssystems sprechen (die, die Sie herunterziehen, um auf WLAN/Bluetooth/Einstellungen usw. zuzugreifen), fügen Sie diese zu MainActivity.Java hinzu:

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

Und Sie können diese ^ -Funktion in dieser Funktion von derselben MainActivity.Java aus aufrufen

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

Wenn Sie jedoch über die Statusleiste der App sprechen, fügen Sie diese Ihrer App.js-Datei hinzu

static navigationOptions = {
    header: null
}
0
ladder

sie können es mitStatusBar.setBackgroundColor(Colors.TRANSPARENT); einstellen

0
carlmagumpara