JAVASCRIPT

react pdf fixed property not working

{/* FOOTER */}
<View style={styles.footer} fixed>  
    <View style={styles.footerLeftColumn}>
        <Text style={styles.uppercase}>DATE EFFECTIVE: {dataEffective}</Text>
        <Text style={[styles.uppercase, styles.footerSmallText]}>&copy; The Company</Text>
        <Text style={[styles.uppercase, styles.footerSmallText]}>UNAUTHORIZED REPRODUCTION OR DISTRIBUTION PROHIBITED</Text>
    </View>
    <View style={styles.footerCenterColumn}>
        <Text style={styles.uppercase}>{surveyName}</Text>
        <Text style={styles.uppercase} render={({ pageNumber, totalPages }) => (
            `Page ${pageNumber} of ${totalPages}`
        )} fixed />                    
    </View>
    <View style={styles.footerRightColumn}>
        <Image 
            style={styles.logo}
            src={logo}
        />
    </View>
</View>