No hi ha una resposta única a aquesta pregunta, ja que l'eliminació de les vores de la capçalera variarà en funció del dispositiu o aplicació específic que utilitzeu. Tanmateix, alguns problemes potencials que podrien sorgir en eliminar les vores de la capçalera inclouen una pèrdua de claredat de la interfície d'usuari i una reducció de la capacitat de resposta de la interfície d'usuari.
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><View style={styles.header}>
<Text style={styles.headerText}>{this.props.title}</Text>
<TouchableOpacity onPress={() => this._onPress()} style={styles.buttonContainer}>
<Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} />
</TouchableOpacity>
</code>
<View style={styles.header}>
Això crea un element View amb els estils definits al full d'estils.
<Text style={styles.headerText}>{this.props.title}</Text>
Això crea un element de text amb el text que prové de la propietat del títol dels accessoris del component i els estils definits al full d'estil.
<TouchableOpacity onPress={() => this._onPress()} style={styles.buttonContainer}>
Això crea un element TouchableOpacity que cridarà la funció _onPress definida al component quan es premeu i li dóna els estils definits al full d'estils. Els fills d'aquesta TouchableOpacity es representaran dins d'ella.
<Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} /> Això crea un element d'Imatge amb la seva font establerta al favicon per a la documentació de React Native i l'amplada i l'alçada establertes a 20 píxels cadascuna.
boder i altres estils
Hi ha molts estils diferents d'escriure codi a React Native. Un estil popular s'anomena boder. Aquest estil es caracteritza per utilitzar claus per agrupar el codi relacionat i utilitzar funcions amb nom per fer-lo més llegible.
Capçalera i parts d'un replà
A React Native, un aterratge és la primera pantalla que apareix quan un usuari toca un enllaç de la vostra aplicació.
Per crear un aterratge, primer heu de crear una capçalera. La capçalera és on poseu el títol del vostre desembarcament, així com qualsevol altra informació important sobre l'aterratge.
A continuació, heu de crear les parts del replà. Cada part del replà tindrà el seu propi component. Podeu utilitzar els components integrats de React Native o podeu crear els vostres propis components.
Els següents són alguns components comuns que podeu utilitzar en un aterratge:
Barra de títol: aquest component conté el títol del vostre aterratge i qualsevol altre text que vulgueu que aparegui a la capçalera. També podeu utilitzar aquest component per controlar quant espai es dóna a la barra de títol. Per exemple, si voleu assegurar-vos que hi ha prou espai per a tot el text a la barra de títol, podeu establir el seu atribut de mida al 100%.
: aquest component conté el títol del vostre aterratge i qualsevol altre text que vulgueu que aparegui a la capçalera. També podeu utilitzar aquest component per controlar quant espai es dóna a la barra de títol. Per exemple, si voleu assegurar-vos que hi ha prou espai per a tot el text a la barra de títol, podeu establir el seu atribut de mida al 100%. Barra de navegació : aquest component conté botons que permeten als usuaris navegar entre diferents parts de la vostra aplicació. També podeu utilitzar aquest component per mostrar informació sobre quantes pàgines queden a la vostra aplicació o quant de temps queda fins que caduca (per exemple).
: aquest component conté botons que permeten als usuaris navegar entre diferents parts de la vostra aplicació. També podeu utilitzar aquest component per mostrar informació sobre quantes pàgines queden a la vostra aplicació o quant de temps queda fins que caduca (per exemple). Peu de pàgina: el peu de pàgina conté informació sobre la vostra aplicació, com ara el seu nom i el número de versió.
