HeaderComponent and FooterComponent rendering

[SmirnovM91]

HeaderComponent and FooterComponent render many times

export class test extends Component {

    renderHeader = () => {
        console.count('HeaderComponent');
        return (<View />)
    }

    render() {
        return (
            <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
                <Modalize ref={ref => this.modal = ref} HeaderComponent={this.renderHeader}>

                </Modalize>
                <Button onPress={() => this.modal.open()} title='OPEN'></Button>
            </View>
        )
    }
}

export default test

"react-native": "0.59.8",
"react-native-modalize": "^1.0.0-alpha.23"

console.count() prints 9-10 times, is it normal?

[jeremybarbet]

Hi!

Yes, you are right. It shouldn't happen that much. Must be related with the say the size of the Header or Footer are calculated. If you have time to look at it, do not hesitate :)

[SmirnovM91]

Ok, will try something to fix it. Thanks