FlatList不会显示整个列表,直到在react-native中向下滑动

时间:2019-02-28 00:50:42

标签: reactjs react-native algolia

我正在尝试弄清楚如何在2个以上$('.save').on('click', function() { event.preventDefault(); var data = {}; $('.input_product').each(function() { const param = $(this).attr('name'), upc = $(this).parent().parent().attr('id'), value = $(this).val() console.log(param, upc, value); if (value && param) { if (!(param in data)) {//added brackets data[param] = []; } data[param].push({'upc':upc, 'value':value}); } }); window.someFunction(data); }); 中显示整个列表。

如果我在一个屏幕上使用2个平面列表,它将无法正确显示。由于上面只有一个平面列表,因此我猜想底部的FlatList高度无法显示整个列表。

这是我的代码。

项目列表

FlatList

Algolia搜索

// Hits.js
<FlatList
    data={hits}
    onEndReached={this.onEndReached}
    keyExtractor={(item, index) => index.toString()}
    keyboardShouldPersistTaps={'handled'}
    renderItem={({item}) => {
        return (
            <Fragment>
                {
                    item.city ? imgUrl = require('...') : imgUrl = require('...')
                }
                <TouchableOpacity
                    onPress={() => item.city ? this.props.moveToDetail(item.name) : this.props.moveToList(item.name)}
                    style={styles.separator}>
                    {
                        this.searchListRender(item, imgUrl)
                    }
                </TouchableOpacity>
            </Fragment>
        );
    }}
    // getItemLayout={(data, index) => (
    //     {length: ITEM_HEIGHT, offset: ITEM_HEIGHT * index, index}
    // )}
/>

1 个答案:

答案 0 :(得分:0)

尝试一下

<View style={{flex:1}}>
    <View style={{flex:1}}>
        .....//FLatlist 1
    </View>
    <View style={{flex:1}}>
        .....//FLatlist 2
    </View>
</View>