如何在React Native应用里实现瀑布流？

Question

瀑布流定义：多列同宽不同高。

排除掉使用WebView用网页实现。

Answer 1

定义每列的高度，假设为3列

var arrH = [0, 0, 0]

每次计算放进去的一块的高度，找最小的那列插进去，并把那一列加上刚才那块的高度

function getMinIndex() {
    var min = arrH[0]
    var index = 0
    for (let i = 1; i < arrH.length; i++) {
        if (min > arrH[i]) {
            index = i
            min = arrH[i]
        }
    }
    return index
}
var index = getMinIndex()
// 最小那列
arrH[index] += w