Proje: Okul B2B App · Hub: Okul B2B App — Conventions

Themed Bileşenler (ThemedText, ThemedView)

ThemedText

components/ThemedText.tsx — Tema-aware Text bileşeni.

<ThemedText 
  type="title"        // default | title | defaultSemiBold | subtitle | link
  lightColor="#000"   // Opsiyonel override
  darkColor="#fff"
>
  Metin
</ThemedText>

allowFontScaling={false} otomatik set edilir.

ThemedView

components/ThemedView.tsx — Tema-aware View bileşeni.

<ThemedView lightColor="#fff" darkColor="#121212">
  {/* İçerik */}
</ThemedView>

Background rengi useThemeColor({}, 'background') ile otomatik.

Tercih

Yeni kodda ThemedText/ThemedView yerine doğrudan:

const { resolvedTheme } = useTheme();
const colors = Colors[resolvedTheme];
 
<Text style={{ color: colors.text }}>...</Text>
<View style={{ backgroundColor: colors.background }}>...</View>

ThemedText/ThemedView eski pattern ama NoCompaniesScreen gibi bazı yerlerde hâlâ kullanılıyor.

Related

• tema-ve-renk-sistemi — renk sistemi
• tema-hooklar — useTheme, useAppTheme