Riješeno: ukloniti ivicu zaglavlja react native

Ne postoji jednoznačan odgovor na ovo pitanje, jer će uklanjanje ivica zaglavlja varirati ovisno o određenom uređaju ili aplikaciji koju koristite. Međutim, neki potencijalni problemi koji bi mogli nastati uklanjanjem granica zaglavlja uključuju gubitak jasnoće korisničkog sučelja i smanjenje odziva korisničkog sučelja.

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}>
Ovo kreira View element sa stilovima definisanim u listi stilova.

<Text style={styles.headerText}>{this.props.title}</Text>
Ovo kreira element Text sa tekstom koji dolazi iz svojstva title rekvizita komponente i stilova definisanih u listi stilova.

<TouchableOpacity onPress={() => this._onPress()} style={styles.buttonContainer}>
Ovo stvara element TouchableOpacity koji će pozvati funkciju _onPress definiranu u komponenti kada se pritisne i daje joj stilove definirane u listi stilova. Djeca ovog TouchableOpacityja će biti prikazana unutar njega.

<Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} /> Ovo kreira element Image čiji je izvor postavljen na favicon za React Native dokumentaciju, a širina i visina su postavljene na 20px.

boder i drugi stilovi

Postoji mnogo različitih stilova pisanja koda u React Native-u. Jedan popularan stil se zove boder. Ovaj stil karakterizira korištenje vitičastih zagrada za grupiranje povezanog koda zajedno i korištenje imenovanih funkcija kako bi kod bio čitljiviji.

Zaglavlje i dijelovi slijeta

U React Native, landing je prvi ekran koji se pojavljuje kada korisnik dodirne link u vašoj aplikaciji.

Da biste kreirali landing, prvo morate kreirati zaglavlje. Zaglavlje je mjesto gdje stavljate naslov vašeg sletanja, kao i sve druge važne informacije o slijetanju.

Zatim morate kreirati dijelove slijetanja. Svaki dio sletanja će imati svoju komponentu. Možete koristiti ugrađene komponente React Native-a ili možete kreirati vlastite komponente.

Slijede neke uobičajene komponente koje možete koristiti u slijetanju:

Naslovna traka: Ova komponenta sadrži naslov vašeg odredišta i bilo koji drugi tekst koji želite da se pojavi u zaglavlju. Takođe možete koristiti ovu komponentu da kontrolišete koliko prostora se daje naslovnoj traci. Na primjer, ako želite biti sigurni da ima dovoljno prostora za sav tekst u naslovnoj traci, možete postaviti njegov atribut veličine na 100%.

: Ova komponenta sadrži naslov vašeg odredišta i bilo koji drugi tekst koji želite da se pojavi u zaglavlju. Takođe možete koristiti ovu komponentu da kontrolišete koliko prostora se daje naslovnoj traci. Na primjer, ako želite da budete sigurni da ima dovoljno prostora za sav tekst u naslovnoj traci, možete postaviti njegov atribut veličine na 100%. Traka za navigaciju: Ova komponenta sadrži dugmad koji korisnicima omogućavaju navigaciju između različitih dijelova vaše aplikacije. Ovu komponentu možete koristiti i za prikaz informacija o tome koliko je stranica preostalo u vašoj aplikaciji ili koliko je vremena preostalo do isteka (na primjer).

: Ova komponenta sadrži dugmad koji korisnicima omogućavaju navigaciju između različitih dijelova vaše aplikacije. Ovu komponentu možete koristiti i za prikaz informacija o tome koliko je stranica preostalo u vašoj aplikaciji ili koliko je vremena preostalo do isteka (na primjer). Podnožje: Podnožje sadrži informacije o vašoj aplikaciji kao što su naziv i broj verzije.