Flex 方向:react-native 中的 row-reverse

Posted

技术标签:

【中文标题】Flex 方向:react-native 中的 row-reverse【英文标题】:Flex direction: row-reverse in react-native 【发布时间】:2016-11-19 06:00:37 【问题描述】:

如何在 React-Native 中重现 flex-direction: row-reverse?当我在做元素风格时:

 flexDirection: 'row-reverse'

我遇到了错误:

提供给价值 row-reverse 的无效道具 flexDirection StyleSheet

更新:他们只是在 0.29.0 版中 added it :)

【问题讨论】:

【参考方案1】:

更新

从 v29 开始,React Native 在 androidios 中提供了对反向弯曲方向的支持。 https://github.com/facebook/react-native/releases/tag/v0.29.0


原始答案

react-native 中没有 row-reversecolumn-reverse

看到这个table of supported attributes:

https://github.com/facebook/css-layout

【讨论】:

以上是关于Flex 方向:react-native 中的 row-reverse的主要内容,如果未能解决你的问题,请参考以下文章

在方向更改期间防止白边

将 json 页面连接到 React-native 中的 flex 行

flex布局

flex布局

React-Native:替代 flex-basis

css 这将建立主轴,从而定义Flex项目放置在Flex容器中的方向。 Flexbox是(除了可选的包装