React native：如何将Flatlist与组件中的其他视图一起使用

Question

我正在使用"react-native": "^0.50.4"，这就是组件render的样子：

render(){
    return(
        <View style={{flex: 1}}>
            <View>
                ....
            </View>

            <FlatlistComponent /> 
        </View>
    );
}

以上FlatlistComponent会显示一个列表，但最后一项被部分显示/推下，这是因为平面列表上方的View，我该怎么做？

Answer 1

我认为除了平面列表之外的View组件占据了flex 1的整个空间。可滚动的平面列表应该会关闭。

尝试为子组件分配单独的flex值。

render(){
    return(
        <View style={{flex: 1}}>
            <View style={{flex: 1}>
                <View>
                  ....
                </View>
            </View>
            <View style={{flex: 3}>
                <FlatlistComponent /> 
            </View>
        </View>
    );
}

Answer 2

如果在添加flex样式时FlatList消失了：1，则必须继续向上移动元素层次结构，添加flex，直到FlatList最终出现。