Właściwości stylu tekstu

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

Przykład

TypeScript

JavaScript

Dokumentacja

Właściwości

color

Type
color

---

fontFamily

Type
string

Rodziny czcionek ogólne system-ui, ui-sans-serif, ui-serif, ui-monospace i ui-rounded są obsługiwane w iOS.

---

fontSize

Type
number

---

fontStyle

Type
enum('normal', 'italic')

---

fontWeight

Określa grubość czcionki. Większość czcionek obsługuje wartości 'normal' i 'bold'. Nie wszystkie czcionki mają wariant dla każdej wartości numerycznej - w takim przypadku wybierana jest najbliższa.

Type	Default
enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900') or number	'normal'

---

includeFontPadding

Android

Ustaw na false, aby usunąć dodatkowe wypełnienie czcionki przeznaczone na odstępy dla wydzieleń/wydzieleń dolnych. W niektórych czcionkach to wypełnienie może powodować lekkie przesunięcie tekstu przy wyśrodkowaniu pionowym. Dla najlepszych rezultatów ustaw także textAlignVertical na center.

Type	Default
bool	true

---

fontVariant

Pozwala ustawić wszystkie warianty czcionki. Można ustawić za pomocą tablicy enumów lub ciągu rozdzielanego spacjami, np. 'small-caps common-ligatures'.

Type					Default
array of enum('common-ligatures', 'contextual', 'discretionary-ligatures', 'historical-ligatures', 'lining-nums', 'no-common-ligatures', 'no-contextual', 'no-discretionary-ligatures', 'no-historical-ligatures', 'oldstyle-nums', 'proportional-nums', 'small-caps', 'stylistic-eight', 'stylistic-eighteen', 'stylistic-eleven', 'stylistic-fifteen', 'stylistic-five', 'stylistic-four', 'stylistic-fourteen', 'stylistic-nine', 'stylistic-nineteen', 'stylistic-one', 'stylistic-seven', 'stylistic-seventeen', 'stylistic-six', 'stylistic-sixteen', 'stylistic-ten', 'stylistic-thirteen', 'stylistic-three', 'stylistic-twelve', 'stylistic-twenty', 'stylistic-two', 'tabular-nums') or string					[]

---

letterSpacing

Zwiększa lub zmniejsza odstępy między znakami. Domyślnie nie ma dodatkowego odstępu między literami.

Type
number

---

lineHeight

Wartość numeryczna kontrolująca pionowy odstęp między wierszami tekstu w elemencie tekstowym. Określa odległość między liniami bazowymi kolejnych wierszy tekstu.

Type
number

---

textAlign

Określa wyrównanie tekstu. W systemie Android wartość 'justify' jest obsługiwana tylko w Oreo (8.0) lub nowszych (poziom API >= 26). Na starszych wersjach Androida wartość ta będzie zastępowana przez left.

Type	Default
enum('auto', 'left', 'right', 'center', 'justify')	'auto'

---

textAlignVertical

Android

Type	Default
enum('auto', 'top', 'bottom', 'center')	'auto'

---

textDecorationColor

iOS

Type
color

---

textDecorationLine

Type	Default
enum('none', 'underline', 'line-through', 'underline line-through')	'none'

---

textDecorationStyle

iOS

Type	Default
enum('solid', 'double', 'dotted', 'dashed')	'solid'

---

textShadowColor

Type
color

---

textShadowOffset

Type
object: {width?: number, height?: number}

---

textShadowRadius

Type
number

---

textTransform

Type	Default
enum('none', 'uppercase', 'lowercase', 'capitalize')	'none'

---

verticalAlign

Android

Type	Default
enum('auto', 'top', 'bottom', 'middle')	'auto'

---

writingDirection

iOS

Type	Default
enum('auto', 'ltr', 'rtl')	'auto'

---

userSelect

Pozwala użytkownikowi zaznaczać tekst i korzystać z natywnej funkcji kopiowania i wklejania. Ma pierwszeństwo przed właściwością selectable.

Type	Default
enum('auto', 'text', 'none', 'contain', 'all')	none