Some items are cropping using recyclerlistview

[gonalc]

I'm using RecyclerListView Component in my React Native app. The list I'm rendering it's a kind of wall, where are included three different kind of items. One of this kind is sometimes cropped, and I've tried to fixed by a lot of different ways.

All items have an assigned width and height (the height depends on each situation) and that's why we are using forceNonDeterministicRendering prop, looking our component like this:

<RecyclerListView
            style={{flex: 1, backgroundColor: '#EEEEEE'}}
            refreshControl={
                <RefreshControl
                    refreshing={this.state.isRefreshing}
                    onRefresh={this._onRefresh}
                />
            }
            onEndReached={this.handleListEnd}
            renderAheadOffset={6000}
            extraData={this.state}
            forceNonDeterministicRendering
            canChangeSize={true}
            initialOffset={12}
            dataProvider={this.state.dataProvider}
            layoutProvider={this._layoutProvider}
            scrollViewProps={{
                viewabilityConfig: this.viewabilityConfig
            }}
            rowRenderer={this.rowRenderer}
            onEndReachedThreshold={0.5}
            onVisibleIndexesChanged={this._trackerView}
            renderFooter={this.renderFooter}
        />

We've tried a bunch of things but we can't fix this problem, so it would be great if somebody could help us!

Thank you very much!

The rowRenderer looks like this:

rowRenderer = (type, data) => {
        if (data.ads) {
            return (
                <View
                    onLayout={this._onLayout}
                    style={{flex: 1}}>
                    <CardAdvertisement from={'timeline'}/>
                    <CardWall from={'timeline'} data={data}/>
                </View>
            );
        } else if (data.suggestion) {
            return (
                <View
                    onLayout={this._onLayout}
                    style={{flex: 1}}>
                    <SuggestionsSlider/>
                    <CardWall from={'timeline'} data={data}/>
                </View>
            );
        } else {
            return (
                <View
                    onLayout={this._onLayout}
                    style={{flex: 1}}>
                    <CardWall from={'timeline'} data={data}/>
                </View>
            );
        }
    };

This is how it should look like:

This is how it actually looks like (sometimes):

And this is another example of a cropped item:

[mohity777]

does it even support viewabilityConfig ?