React Native with redux: cách tốt nhất để lưu trữ-quản lý kiểu động là gì?

Question

Tôi đang tạo một ứng dụng có một số khác biệt về phong cách trong hiển thị dọc theo chiều dọc. Ví dụ chiều cao thanh điều hướng có thể khác nhau và có một số kích thước mà tôi muốn giữ dưới sự kiểm soát chặt chẽ để đảm bảo điều khiển/văn bản phù hợp nhất với màn hình mà không cần cuộn.

Tôi ổn với việc tính toán bảng định kiểu động hoặc lưu vào bộ nhớ cache chúng bằng tiện ích hoặc tiện ích riêng như react-native-extended-stylesheet nhưng .. nơi lưu trữ các trang tính được tính cho cảnh quan dọc?

Tùy chọn có thể 1. Biến cấp mô-đun trong style.js của tôi. Có thể tính toán theo yêu cầu và được lưu trữ sau. Tôi cần phải vượt qua kích thước màn hình mặc dù 2. Tạo kiểu cho một phần của một trạng thái và cập nhật nó trên các thay đổi hướng hành động 3. Mọi thứ khác

Điều gì có ý nghĩa nhất? Bạn sử dụng những gì trong ứng dụng của mình?

Answer 1

Tôi nghĩ thư viện biểu định kiểu nên chú ý đến các kiểu đệm cho bố cục ngang/dọc và nhà phát triển chỉ nên viết kiểu và logic thành phần.
Tôi đang làm việc trên thiết bị hiện tại: https://github.com/vitalets/react-native-extended-stylesheet/issues/9
Cho đến khi nó sẵn sàng, tôi nghĩ tùy chọn tốt nhất là lưu vào bộ nhớ cache ở cấp mô-đun.

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

Đặt kiểu vào trạng thái thành phần sẽ kết hợp với dữ liệu logic có vẻ không tốt.