Rešeno: odstranite izvorno reakcijo obrobe glave

Na to vprašanje ni enoznačnega odgovora, saj se odstranitev robov glave razlikuje glede na določeno napravo ali aplikacijo, ki jo uporabljate. Vendar nekatere morebitne težave, ki bi lahko nastale zaradi odstranitve robov glave, vključujejo izgubo jasnosti uporabniškega vmesnika in zmanjšanje odzivnosti uporabniškega vmesnika.

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}>
To ustvari element Pogled s slogi, definiranimi v slogovni tabeli.

<Text style={styles.headerText}>{this.props.title}</Text>
To ustvari element Besedilo z besedilom, ki prihaja iz lastnosti naslova rekvizitov komponente in slogov, definiranih v tabeli slogov.

<TouchableOpacity onPress={() => this._onPress()} style={styles.buttonContainer}>
To ustvari element TouchableOpacity, ki bo ob pritisku poklical funkcijo _onPress, definirano v komponenti, in ji dal sloge, definirane v tabeli slogov. Otroci tega TouchableOpacity bodo upodobljeni znotraj njega.

<Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} /> To ustvari slikovni element z izvorom, nastavljenim na favicon za dokumentacijo React Native, ter širino in višino, nastavljeno na 20 slikovnih pik.

boder in drugi slogi

V React Native obstaja veliko različnih stilov pisanja kode. Eden priljubljenih stilov se imenuje boder. Za ta slog je značilna uporaba zavitih oklepajev za združevanje povezane kode in uporaba imenovanih funkcij za boljšo berljivost kode.

Glava in deli podesta

V React Native je pristanek prvi zaslon, ki se prikaže, ko se uporabnik dotakne povezave v vaši aplikaciji.

Če želite ustvariti pristanek, morate najprej ustvariti glavo. Glava je mesto, kamor vnesete naslov vašega pristanka, pa tudi vse druge pomembne informacije o pristanku.

Nato morate ustvariti dele pristanka. Vsak del pristanka bo imel svojo komponento. Uporabite lahko vgrajene komponente React Native ali pa ustvarite svoje komponente.

Sledi nekaj pogostih komponent, ki jih lahko uporabite v pristanku:

Naslovna vrstica : Ta komponenta vsebuje naslov vašega pristanka in katero koli drugo besedilo, ki ga želite prikazati v glavi. To komponento lahko uporabite tudi za nadzor, koliko prostora je dodeljeno naslovni vrstici. Če se želite na primer prepričati, da je v naslovni vrstici dovolj prostora za celotno besedilo, lahko atribut velikosti nastavite na 100 %.

: Ta komponenta vsebuje naslov vašega pristanka in katero koli drugo besedilo, ki ga želite prikazati v glavi. To komponento lahko uporabite tudi za nadzor, koliko prostora je dodeljeno naslovni vrstici. Če se želite na primer prepričati, da je v naslovni vrstici dovolj prostora za vse besedilo, lahko atribut velikosti nastavite na 100 %. Navigacijska vrstica : Ta komponenta vsebuje gumbe, ki uporabnikom omogočajo krmarjenje med različnimi deli vaše aplikacije. To komponento lahko uporabite tudi za prikaz informacij o tem, koliko strani je še v vaši aplikaciji ali koliko časa je še do njenega izteka (na primer).

: Ta komponenta vsebuje gumbe, ki uporabnikom omogočajo krmarjenje med različnimi deli vaše aplikacije. To komponento lahko uporabite tudi za prikaz informacij o tem, koliko strani je še v vaši aplikaciji ali koliko časa je še do njenega izteka (na primer). Noga: Noga vsebuje informacije o vaši aplikaciji, kot sta njeno ime in številka različice.

Podobni objav:

Pustite komentar