React Native with redux:什么是存储管理动态样式的好方法?

时间:2016-05-23 23:58:28

标签: react-native

我正在创建一个在纵向渲染中具有一些风格差异的应用。 例如,导航栏高度可能不同,我想要严格控制几种尺寸,以确保某些控件/文本适合屏幕而不滚动。

我可以动态计算样式表,或者使用自己的实用工具或实用工具(如react-native-extended-stylesheet)来缓存它们..在哪里存储纵向横向的计算工作表?

可能的选项 1.我的style.js中的模块级变量。可能按需计算并稍后缓存。我需要将屏幕大小传递给它 2.使样式成为状态的一部分,并在方向更改操作上更新它 3.还有别的什么

最有意义的是什么?你在申请中使用了什么?

1 个答案:

答案 0 :(得分:1)

我认为样式表库应该关注横向/纵向布局的缓存样式,开发人员应该只编写样式和组件逻辑。
我现在在这里工作:https://github.com/vitalets/react-native-extended-stylesheet/issues/9
在它准备好之前,我认为最好的选择是在模块级别缓存。

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

将样式置于组件状态会将其与看似不好的逻辑数据混合。