Gelöst: Kopfzeilenrand entfernen, nativ reagieren

Auf diese Frage gibt es keine allgemeingültige Antwort, da das Entfernen von Header-Rahmen je nach verwendetem Gerät oder App unterschiedlich ist. Einige potenzielle Probleme, die sich aus dem Entfernen von Header-Grenzen ergeben könnten, umfassen jedoch einen Verlust der Klarheit der Benutzeroberfläche und eine Verringerung der Reaktionsfähigkeit der Benutzeroberfläche.

I have a header in my react native app that I would like to remove the bottom border from. How can I do this?
<code>&lt;View style={styles.header}&gt;
  &lt;Text style={styles.headerText}&gt;{this.props.title}&lt;/Text&gt;
  &lt;TouchableOpacity onPress={() =&gt; this._onPress()} style={styles.buttonContainer}&gt;
    &lt;Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} /&gt;
  &lt;/TouchableOpacity&gt;
</code>

<View style={styles.header}>
Dadurch wird ein View-Element mit den im Stylesheet definierten Stilen erstellt.

<Text style={styles.headerText}>{this.props.title}</Text>
Dadurch wird ein Textelement mit dem Text erstellt, der aus der Titeleigenschaft der Requisiten der Komponente und den im Stylesheet definierten Stilen stammt.

<TouchableOpacity onPress={() => this._onPress()} style={styles.buttonContainer}>
Dadurch wird ein TouchableOpacity-Element erstellt, das beim Drücken die in der Komponente definierte _onPress-Funktion aufruft und ihr die im Stylesheet definierten Stile gibt. Die untergeordneten Elemente dieser TouchableOpacity werden darin gerendert.

<Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} /> Dadurch wird ein Bildelement erstellt, dessen Quelle auf das Favicon für die React Native-Dokumentation festgelegt ist und dessen Breite und Höhe jeweils auf 20 Pixel festgelegt sind.

Bordüre und andere Stile

Es gibt viele verschiedene Arten, Code in React Native zu schreiben. Ein beliebter Stil heißt Boder. Dieser Stil zeichnet sich durch die Verwendung von geschweiften Klammern aus, um zusammengehörigen Code zu gruppieren, und durch die Verwendung benannter Funktionen, um den Code besser lesbar zu machen.

Header und Teile einer Landung

In React Native ist ein Landing der erste Bildschirm, der angezeigt wird, wenn ein Benutzer auf einen Link in Ihrer App tippt.

Um eine Landung zu erstellen, müssen Sie zuerst einen Header erstellen. In der Kopfzeile geben Sie den Titel Ihrer Landung sowie alle anderen wichtigen Informationen über die Landung ein.

Als nächstes müssen Sie die Teile der Landung erstellen. Jeder Teil der Landung wird seine eigene Komponente haben. Sie können die integrierten Komponenten von React Native verwenden oder Ihre eigenen Komponenten erstellen.

Im Folgenden sind einige allgemeine Komponenten aufgeführt, die Sie möglicherweise in einer Landung verwenden:

Titelleiste: Diese Komponente enthält den Titel Ihrer Landung und jeden anderen Text, der in der Kopfzeile erscheinen soll. Sie können diese Komponente auch verwenden, um zu steuern, wie viel Platz der Titelleiste eingeräumt wird. Wenn Sie beispielsweise sicherstellen möchten, dass genügend Platz für den gesamten Text in Ihrer Titelleiste vorhanden ist, können Sie das Größenattribut auf 100 % setzen.

: Diese Komponente enthält den Titel Ihrer Landung und jeden anderen Text, der in der Kopfzeile erscheinen soll. Sie können diese Komponente auch verwenden, um zu steuern, wie viel Platz der Titelleiste eingeräumt wird. Wenn Sie beispielsweise sicherstellen möchten, dass genügend Platz für den gesamten Text in Ihrer Titelleiste vorhanden ist, können Sie das Größenattribut auf 100 % setzen. Navigationsleiste: Diese Komponente enthält Schaltflächen, mit denen Benutzer zwischen verschiedenen Teilen Ihrer App navigieren können. Sie können diese Komponente auch verwenden, um Informationen darüber anzuzeigen, wie viele Seiten in Ihrer App verbleiben oder wie viel Zeit noch verbleibt, bis sie abläuft (z. B.).

: Diese Komponente enthält Schaltflächen, mit denen Benutzer zwischen verschiedenen Teilen Ihrer App navigieren können. Sie können diese Komponente auch verwenden, um Informationen darüber anzuzeigen, wie viele Seiten in Ihrer App verbleiben oder wie viel Zeit noch verbleibt, bis sie abläuft (z. B.). Fußzeile: Die Fußzeile enthält Informationen zu Ihrer App wie Name und Versionsnummer.