2016-05-23 9 views
5

Dikey görünüm oluşturmada bazı stil farklılıklarına sahip bir uygulama oluşturuyorum. Örneğin, gezinti çubuğu yüksekliği farklı olabilir ve belirli kontrollerin/metinlerin kaydırılmadan ekrana sığdığından emin olmak için sıkı kontrol altında tutmak istediğim birkaç boyut vardır.Redux ile Native React: dinamik stilleri depolamak için iyi bir yol nedir?

Stil sayfalarını dinamik olarak hesaplamak veya bunları react-native-extended-stylesheet gibi yardımcı programlarla ya da önbelleklerle önbelleğe alıyorum. Hesaplanan sayfaları dikey görünüm için nerede saklamak gerekir?

Olası seçenekler 1. Benim style.js'de bir modül düzeyi değişkeni. Muhtemelen talep üzerine hesaplanır ve daha sonra önbelleğe alınır. Ekran boyutu 2 olmasına rağmen ekrana geçmem gerekiyordu. Stilleri bir durumun parçası haline getirin ve yönlendirme değişikliklerini uygulayın.

En çok ne anlama geliyor? Uygulamalarınızda ne kullanıyorsunuz?

cevap

1

Stil sayfası kütüphanesi, manzara/portre düzenleri için önbellek stilleri hakkında dikkatli olmalı ve geliştirici yalnızca stilleri ve bileşen mantığını yazmalıdır.
Şu anda burada çalışıyorum: https://github.com/vitalets/react-native-extended-stylesheet/issues/9
Hazır olana kadar en iyi seçenek modül seviyesinde önbellek olduğunu düşünüyorum.

const styleLandscape = ... 
const stylePorttrait = ... 

Stilleri bileşen durumuna getirmek, iyi görünmeyen mantık verileriyle karıştırır.