Vyřešeno: odstranit okraj záhlaví reagovat nativní

Na tuto otázku neexistuje žádná univerzální odpověď, protože odstranění okrajů záhlaví se bude lišit v závislosti na konkrétním zařízení nebo aplikaci, kterou používáte. Některé potenciální problémy, které by mohly vzniknout při odstranění okrajů záhlaví, však zahrnují ztrátu srozumitelnosti uživatelského rozhraní a snížení odezvy uživatelského rozhraní.

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 se vytvoří prvek View se styly definovanými v šabloně stylů.

<Text style={styles.headerText}>{this.props.title}</Text>
Tím se vytvoří prvek Text s textem pocházejícím z vlastnosti title rekvizit komponenty a stylů definovaných v šabloně stylů.

<TouchableOpacity onPress={() => this._onPress()} style={styles.buttonContainer}>
Tím se vytvoří prvek TouchableOpacity, který po stisknutí zavolá funkci _onPress definovanou v komponentě a poskytne jí styly definované v šabloně stylů. Děti tohoto TouchableOpacity budou vykresleny uvnitř.

<Image source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}} style={{width: 20, height: 20}} /> Tím se vytvoří prvek obrázku se zdrojovým kódem nastaveným na favicon pro dokumentaci React Native a šířka a výška jsou každý nastaven na 20 pixelů.

boder a další styly

V React Native existuje mnoho různých stylů psaní kódu. Jeden populární styl se nazývá boder. Tento styl se vyznačuje používáním složených závorek k seskupení souvisejícího kódu a používáním pojmenovaných funkcí, aby byl kód čitelnější.

Záhlaví a části podesty

V React Native je přistání první obrazovka, která se zobrazí, když uživatel klepne na odkaz ve vaší aplikaci.

Chcete-li vytvořit přistání, musíte nejprve vytvořit záhlaví. Záhlaví je místo, kam vložíte název svého přistání, stejně jako jakékoli další důležité informace o přistání.

Dále musíte vytvořit části přistání. Každá část přistání bude mít svou vlastní součást. Můžete použít vestavěné komponenty React Native nebo si můžete vytvořit své vlastní komponenty.

Níže jsou uvedeny některé běžné součásti, které můžete použít při přistání:

Záhlaví: Tato komponenta obsahuje název vašeho přistání a jakýkoli další text, který chcete zobrazit v záhlaví. Tuto komponentu můžete také použít k řízení toho, kolik místa je přiděleno záhlaví. Pokud se například chcete ujistit, že je dostatek místa pro veškerý text v záhlaví, můžete nastavit jeho atribut velikosti na 100 %.

: Tato komponenta obsahuje název vašeho přistání a jakýkoli další text, který se má objevit v záhlaví. Tuto komponentu můžete také použít k řízení toho, kolik místa je přiděleno záhlaví. Pokud se například chcete ujistit, že je dostatek místa pro veškerý text v záhlaví, můžete nastavit jeho atribut velikosti na 100 %. Navigační panel: Tato komponenta obsahuje tlačítka, která uživatelům umožňují procházet mezi různými částmi vaší aplikace. Tuto komponentu můžete také použít k zobrazení informací o tom, kolik stránek zbývá ve vaší aplikaci nebo kolik času zbývá do vypršení platnosti (například).

: Tato komponenta obsahuje tlačítka, která uživatelům umožňují procházet mezi různými částmi vaší aplikace. Tuto komponentu můžete také použít k zobrazení informací o tom, kolik stránek zbývá ve vaší aplikaci nebo kolik času zbývá do vypršení platnosti (například). Zápatí: Zápatí obsahuje informace o vaší aplikaci, jako je její název a číslo verze.

Související příspěvky:

Zanechat komentář