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

UI Bileşen Kütüphanesi Özeti

docs/development/COMPONENT_LIBRARY.md özeti.

Bileşen Klasörü Yapısı

components/
├── ui/          ← Temel UI (Toast, Modal, Button, Input, Skeleton...)
├── auth/        ← Auth (AuthFlow, LoginScreen, CompanySelection...)
├── gallery/     ← Galeri (PhotoGrid, MediaPicker, LogoEditor...)
├── icons/       ← İkon (StatIcons, TabIcons)
├── school-content/ ← İçerik bileşenleri
├── security/    ← AppLockScreen
└── test/        ← ApiErrorTestScreen (dev only)

Tasarım Prensipleri

• Tutarlılık — Tüm bileşenler aynı tasarım dili
• Yeniden Kullanılabilirlik — Prop-based customization
• Erişilebilirlik — VoiceOver/TalkBack support
• Performans — React.memo, useCallback
• Type Safety — Full TypeScript

SECONDARY Color Düzeltmesi

COMPONENT_LIBRARY.md’de SECONDARY: '#FF495C' — bu aynı zamanda tab bar aktif rengidir. Button primary ise #007AFF (mavi).

Themed Bileşenler

ThemedText ve ThemedView — useThemeColor + tema-aware. Eski pattern, yeni kodda doğrudan Colors[resolvedTheme] tercih edilir.

Related

• ortak-bilesenler — bileşen listesi ve açıklamaları
• tema-ve-renk-sistemi — renk sistemi