kayla-tech/react-native-card-io

Can't set height to Full Screen?

Opened this issue · 0 comments

I have a component with the following render method:

render() {

    const { height } = Dimensions.get('window').height;

    return (
        <View style={StyleSheet.absoluteFill}>
        <CardIOView
            languageOrLocale="en"
            guideColor="#00FF00"
            useCardIOLogo={false}
            hideCardIOLogo={true}
            allowFreelyRotatingCardGuide={true}
            scanInstructions={'Hold card here. It will scan automatically.'}
            scanExpiry={true}
            style={{ flex: 1, height }}
            scannedImageDuration={2}
            detectionMode={CardIOView.cardImageAndNumber}
            didScanCard={this.cardScanned} />
        </View>
    );
},

The problem is there is always a small white section above the camera and below, which can be see on the example screenshot. Is there anyway to make the the CardIOView fullscreen?

https://github.com/kayla-tech/react-native-card-io/raw/develop/screenshot.png

Thanks