Lahendatud: eemaldage päise äärise reageerimise native

Sellele küsimusele ei ole ühest vastust, kuna päise ääriste eemaldamine sõltub konkreetsest seadmest või rakendusest, mida kasutate. Mõned potentsiaalsed probleemid, mis võivad päise ääriste eemaldamisest tekkida, hõlmavad aga kasutajaliidese selguse kadumist ja kasutajaliidese reageerimisvõime vähenemist.

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}>
See loob vaate elemendi stiililehel määratletud stiilidega.

<Text style={styles.headerText}>{this.props.title}</Text>
See loob elemendi Text, mille tekst pärineb komponendi rekvisiidide pealkirja atribuudist ja stiilitabelil määratletud stiilidest.

<TouchableOpacity onPress={() => this._onPress()} style={styles.buttonContainer}>
See loob TouchableOpacity elemendi, mis vajutamisel kutsub esile komponendis määratletud funktsiooni _onPress ja annab sellele stiililehel määratletud stiilid. Selle TouchableOpacity'i lapsed renderdatakse selle sees.

<Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} /> See loob pildielemendi, mille allikaks on määratud React Native'i dokumentatsiooni favicon ning laius ja kõrgus on seatud mõlemale 20 pikslit.

boder ja muud stiilid

React Native'is on palju erinevaid koodi kirjutamise stiile. Ühte populaarset stiili nimetatakse boderiks. Seda stiili iseloomustab lokkis sulgude kasutamine seotud koodi rühmitamiseks ja nimeliste funktsioonide kasutamine koodi loetavamaks muutmiseks.

Päis ja maandumiskoha osad

Rakenduses React Native on maandumine esimene ekraan, mis kuvatakse, kui kasutaja puudutab teie rakenduses linki.

Maandumise loomiseks peate esmalt looma päise. Päis on koht, kuhu paned oma maandumise pealkirja ja muu olulise teabe maandumise kohta.

Järgmisena peate looma maandumise osad. Igal maandumisosal on oma komponent. Võite kasutada React Native'i sisseehitatud komponente või luua oma komponente.

Järgmised on mõned levinumad komponendid, mida võite maandumisel kasutada.

Tiitliriba : see komponent sisaldab teie sihtpunkti pealkirja ja muud teksti, mida soovite päises kuvada. Selle komponendi abil saate ka määrata, kui palju ruumi tiitliribale antakse. Näiteks kui soovite veenduda, et tiitliribal on kogu teksti jaoks piisavalt ruumi, saate määrata selle atribuudi suuruse väärtuseks 100%.

: see komponent sisaldab teie sihtpunkti pealkirja ja muud teksti, mida soovite päises kuvada. Selle komponendi abil saate ka määrata, kui palju ruumi tiitliribale antakse. Näiteks kui soovite veenduda, et tiitliribal on kogu teksti jaoks piisavalt ruumi, saate määrata selle atribuudi suuruse väärtuseks 100%. Navigeerimisriba : see komponent sisaldab nuppe, mis võimaldavad kasutajatel navigeerida teie rakenduse erinevate osade vahel. Seda komponenti saate kasutada ka teabe kuvamiseks selle kohta, kui palju lehti on teie rakenduses alles või kui palju aega on jäänud selle aegumiseni (näiteks).

: see komponent sisaldab nuppe, mis võimaldavad kasutajatel navigeerida teie rakenduse erinevate osade vahel. Seda komponenti saate kasutada ka teabe kuvamiseks selle kohta, kui palju lehti on teie rakenduses alles või kui palju aega on jäänud selle aegumiseni (näiteks). Jalus: jalus sisaldab teavet teie rakenduse kohta, nagu selle nimi ja versiooninumber.

Seonduvad postitused:

Jäta kommentaar