Löst: ta bort rubrikkanten reagera ursprunglig

Det finns inget entydigt svar på denna fråga, eftersom borttagningen av rubrikkanter kommer att variera beroende på den specifika enhet eller app som du använder. Några potentiella problem som kan uppstå från att ta bort rubrikgränser inkluderar dock en förlust av användargränssnittets tydlighet och en minskning av användargränssnittets lyhördhet.

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}>
Detta skapar ett View-element med stilarna definierade i stilmallen.

<Text style={styles.headerText}>{this.props.title}</Text>
Detta skapar ett Text-element med texten som kommer från title-egenskapen för komponentens rekvisita och de stilar som definieras i stilmallen.

<TouchableOpacity onPress={() => this._onPress()} style={styles.buttonContainer}>
Detta skapar ett TouchableOpacity-element som anropar _onPress-funktionen som definieras i komponenten när den trycks ned och ger den de stilar som definieras i stilmallen. Barnen till denna TouchableOpacity kommer att återges inuti den.

<Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} /> Detta skapar ett bildelement med dess källa inställd på favicon för React Native-dokumentation, och bredd och höjd inställd på 20px vardera.

boder och andra stilar

Det finns många olika stilar att skriva kod i React Native. En populär stil kallas boder. Den här stilen kännetecknas av att använda hängslen för att gruppera relaterad kod tillsammans, och använda namngivna funktioner för att göra koden mer läsbar.

Header och delar av en landning

I React Native är en landning den första skärmen som visas när en användare trycker på en länk i din app.

För att skapa en landning måste du först skapa en rubrik. Rubriken är där du lägger titeln på din landning, samt all annan viktig information om landningen.

Därefter måste du skapa delarna av landningen. Varje del av landningen kommer att ha sin egen komponent. Du kan använda React Natives inbyggda komponenter eller så kan du skapa dina egna komponenter.

Följande är några vanliga komponenter som du kan använda i en landning:

Titelfält : Den här komponenten innehåller titeln på din landning och all annan text som du vill ska visas i rubriken. Du kan också använda den här komponenten för att styra hur mycket utrymme som ges till titelraden. Om du till exempel vill se till att det finns tillräckligt med utrymme för all text i namnlisten kan du ställa in storleksattributet till 100 %.

: Den här komponenten innehåller titeln på din landning och all annan text som du vill ska visas i rubriken. Du kan också använda den här komponenten för att styra hur mycket utrymme som ges till titelraden. Om du till exempel vill se till att det finns tillräckligt med utrymme för all text i namnlisten kan du ställa in storleksattributet till 100 %. Navigationsfält : Den här komponenten innehåller knappar som låter användare navigera mellan olika delar av din app. Du kan också använda den här komponenten för att visa information om hur många sidor som finns kvar i din app eller hur lång tid som är kvar tills den löper ut (till exempel).

: Den här komponenten innehåller knappar som låter användare navigera mellan olika delar av din app. Du kan också använda den här komponenten för att visa information om hur många sidor som finns kvar i din app eller hur lång tid som är kvar tills den löper ut (till exempel). Sidfot: Sidfoten innehåller information om din app, till exempel dess namn och versionsnummer.