Ratkaistu: poista otsikon reunuksen natiivi

Tähän kysymykseen ei ole yksiselitteistä vastausta, sillä otsikon reunusten poistaminen vaihtelee käyttämäsi laitteen tai sovelluksen mukaan. Joitakin mahdollisia ongelmia, joita voi syntyä otsikon reunojen poistamisesta, ovat kuitenkin käyttöliittymän selkeyden menetys ja käyttöliittymän reagointikyvyn heikkeneminen.

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}>
Tämä luo Näytä-elementin tyylitaulukossa määritetyillä tyyleillä.

<Text style={styles.headerText}>{this.props.title}</Text>
Tämä luo Text-elementin, jonka teksti tulee komponentin rekvisiitta-ominaisuudesta ja tyylitaulukossa määritellyistä tyyleistä.

<TouchableOpacity onPress={() => this._onPress()} style={styles.buttonContainer}>
Tämä luo TouchableOpacity-elementin, joka kutsuu komponentissa määritettyä _onPress-funktiota painettaessa ja antaa sille tyylitaulukossa määritellyt tyylit. Tämän TouchableOpacityn lapset renderöidään sen sisällä.

<Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} /> Tämä luo kuvaelementin, jonka lähde on asetettu React Native -dokumentaation faviconiksi ja leveydeksi ja korkeudeksi 20 kuvapistettä.

boder ja muut tyylit

React Nativessa on monia erilaisia ​​koodin kirjoitustyylejä. Yksi suosittu tyyli on nimeltään boder. Tälle tyylille on tunnusomaista se, että käytetään aaltosulkeet ryhmittelemään toisiinsa liittyvää koodia ja käyttämällä nimettyjä toimintoja koodin luettavuuden parantamiseksi.

Otsikko ja laskun osat

React Nativessa laskeutuminen on ensimmäinen näyttö, joka tulee näkyviin, kun käyttäjä napauttaa linkkiä sovelluksessasi.

Luodaksesi laskun, sinun on ensin luotava otsikko. Otsikko on paikka, johon kirjoitat laskeutumisesi otsikon sekä muut tärkeät tiedot laskeutumisesta.

Seuraavaksi sinun on luotava laskun osat. Jokaisella laskun osalla on oma osansa. Voit käyttää React Nativen sisäänrakennettuja komponentteja tai luoda omia komponentteja.

Seuraavassa on joitain yleisiä komponentteja, joita saatat käyttää laskeutumisessa:

Otsikkopalkki : Tämä komponentti sisältää laskeutumisesi otsikon ja minkä tahansa muun tekstin, jonka haluat näkyvän otsikossa. Tämän komponentin avulla voit myös hallita, kuinka paljon tilaa otsikkopalkille annetaan. Jos esimerkiksi haluat varmistaa, että otsikkorivillä on tarpeeksi tilaa kaikelle tekstille, voit asettaa sen koko-attribuutiksi 100%.

: Tämä komponentti sisältää laskeutumisesi otsikon ja minkä tahansa muun tekstin, jonka haluat näkyvän otsikossa. Tämän komponentin avulla voit myös hallita, kuinka paljon tilaa otsikkopalkille annetaan. Jos esimerkiksi haluat varmistaa, että otsikkorivillä on tarpeeksi tilaa kaikelle tekstille, voit asettaa sen koko-attribuutiksi 100%. Navigointipalkki : Tämä komponentti sisältää painikkeita, joiden avulla käyttäjät voivat navigoida sovelluksesi eri osien välillä. Tämän komponentin avulla voit myös näyttää tietoja siitä, kuinka monta sivua sovelluksessasi on jäljellä tai kuinka paljon aikaa on jäljellä sen vanhenemiseen (esimerkiksi).

: Tämä komponentti sisältää painikkeita, joiden avulla käyttäjät voivat navigoida sovelluksesi eri osien välillä. Tämän komponentin avulla voit myös näyttää tietoja siitä, kuinka monta sivua sovelluksessasi on jäljellä tai kuinka paljon aikaa on jäljellä sen vanhenemiseen (esimerkiksi). Alatunniste: Alatunniste sisältää tietoja sovelluksestasi, kuten sen nimen ja versionumeron.