flatlist一行两列使用numColumns为2最后一行

我们使用FlatList来完成一行两列的渲染

这个Card组件里只有一个view,并有一些样式:

但输出结果不尽人意,最后一行居然,占据了行,如何办呢?

yvFBk

我的解决方法是,计算屏幕的宽度,并减去空白的宽度,除以2:

其他解决方法可以参考:

https://tutel.me/c/programming/questions/43502954/react+native+flatlist+with+columns+last+item+width

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">