Kürzlich bin ich auf ein Problem gestoßen, bei dem der Tick-Button meiner Anwendung in der benutzerdefinierten Kopfzeile hinter der Samsung S10-Kamera liegt. Ich verwende in meiner Anwendung eine transparente Statusleiste, und in Samsung S10 befindet sich die Kamera etwas unterhalb von oben, sodass sie in den Bereich fällt Anwendungsfenster, ich bin nicht sicher, andere Geräte, aber gibt es eine Möglichkeit, solche Dinge zu erkennen und auf dieser Grundlage kann ich die Stile ändern oder wie solche Probleme zu überwinden

0
Saikat Saha 2 Sept. 2020 im 12:26

2 Antworten

Beste Antwort

Ich habe StatusBar.currentHeight aus der Bibliothek 'react-native' verwendet, um dieses Problem zu beheben, da dadurch die tatsächliche Höhe der Statusleiste angegeben wird, anstatt eine statische Höhe zu verwenden

0
Saikat Saha 11 Sept. 2020 im 12:02

Versuche dies..

import { SafeAreaView, Platform } from "react-native";

render() {
    return (
      <SafeAreaView style={{
        flex: 1,
        backgroundColor: 'blue',
        paddingTop: Platform.OS === 'android' ? 25 : 0}}>
          //More controls and such
      </SafeAreaView>
    );
  }
}

Passen Sie sich Ihren Anforderungen an ..

3
mainak 2 Sept. 2020 im 11:58