Riješeno: uklonite obrub zaglavlja, izvorna reakcija

Ne postoji jednoznačan odgovor na ovo pitanje jer će se uklanjanje obruba zaglavlja razlikovati ovisno o određenom uređaju ili aplikaciji koju koristite. Međutim, neki potencijalni problemi koji bi mogli nastati zbog uklanjanja rubova 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}>
Time se stvara element View sa stilovima definiranim u tablici stilova.

<Text style={styles.headerText}>{this.props.title}</Text>
Time se stvara tekstualni element s tekstom koji dolazi iz svojstva naslova rekvizita komponente i stilova definiranih u tablici stilova.

<TouchableOpacity onPress={() => this._onPress()} style={styles.buttonContainer}>
Time se stvara element TouchableOpacity koji će pozvati funkciju _onPress definiranu u komponenti kada se pritisne i daje joj stilove definirane u tablici stilova. Djeca ove TouchableOpacity bit će prikazana unutar nje.

<Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} /> Ovo stvara element slike s izvorom postavljenim na favicon za React Native dokumentaciju, a širina i visina postavljene na 20 px svaka.

boder i drugi stilovi

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

Zaglavlje i dijelovi odmorišta

U React Nativeu, odredište je prvi zaslon koji se pojavljuje kada korisnik dodirne vezu u vašoj aplikaciji.

Da biste stvorili slijetanje, prvo morate stvoriti zaglavlje. Zaglavlje je mjesto gdje stavljate naslov vašeg odredišta, kao i sve druge važne informacije o odredištu.

Zatim morate izraditi dijelove slijetanja. Svaki dio slijetanja će imati svoju komponentu. Možete koristiti ugrađene komponente React Nativea ili možete izraditi vlastite komponente.

Slijede neke uobičajene komponente koje biste mogli 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. Ovu komponentu također možete koristiti za kontrolu prostora za naslovnu traku. Na primjer, ako želite biti sigurni da ima dovoljno prostora za sav tekst u naslovnoj traci, možete postaviti 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. Ovu komponentu također možete koristiti za kontrolu prostora za naslovnu traku. Na primjer, ako želite biti sigurni da ima dovoljno prostora za sav tekst u naslovnoj traci, možete postaviti atribut veličine na 100%. Navigacijska traka: ova komponenta sadrži gumbe koji korisnicima omogućuju kretanje između različitih dijelova vaše aplikacije. Ovu komponentu također možete koristiti 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 gumbe koji korisnicima omogućuju navigaciju između različitih dijelova vaše aplikacije. Ovu komponentu također možete koristiti 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 njezin naziv i broj verzije.

Povezani postovi:

Ostavite komentar