如何解决模仿显示:react-native中的“ inline”
我正在尝试将css中的某些样式转换为react-native样式,并且遇到一种情况。
基本上我有一件高个子,我希望其余的物品在它们周围流动,以尽可能多地填充
我想像这样流动,其中1可以很高,而2-5可以瘦或宽,具体取决于它们有多少空间
I want to flow like this,where 1 can be very tall and 2-5 can be skinny or wide depending on how much space they have
______
| 1 2 |
| 1 3 |
| 1 4 |
| 5 5 |
|_____|
or if 1 is less tall
______
| 1 2 |
| 1 3 |
| 4 4 |
| 5 5 |
|_____|
Or if 1 is taller
______
| 1 2 |
| 1 3 |
| 1 4 |
| 1 5 |
|_____|
<View style={{width:width,padding:5,display:'inline'}}>
<View style={{width:'50%',padding: 0,float:'left'}}>
// Tall item here
</View>
<View> /*smaller part */</View>
<View> /*smaller part */</View>
<View> /*smaller part */</View>
<View>
但这不适用于react-native,因为display:'inline'无效。
我可以手动获取每个元素的高度,但这似乎会变得非常复杂。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。