Proje: OkulUp · Hub: OkulUp — Decisions
Karar: GlueStack Inline Props Kullanımı
Karar
Component’lerde NativeWind class string’leri değil, GlueStack’in inline prop sistemi kullanılıyor.
// ✅ Kullanılan
<Box bg={colors.card} p="$4" borderRadius="$lg" />
// ❌ Kullanılmayan
<Box className="bg-white p-4 rounded-lg" />Why: NativeWind v4 + New Architecture kombinezonunda bazı edge case’lerde styling sorunları var. GlueStack’in kendi style sistemi daha kararlı ve dark mode ile colors token’larıyla daha iyi entegre oluyor. Tailwind config’de tanımlar var ama kullanım component içinde GlueStack üzerinden.
How to apply: Yeni component yazarken GlueStack bileşenlerini (Box, VStack, HStack, Text, Pressable vb.) kullan. StyleSheet.create() de kullanılabilir ama NativeWind className prop’u component’lerde tercih edilmiyor.
Related
- component-architecture — component yazım kuralları
- dark-mode-system — colors token kullanımı