The height of the screen is bigger than the height of the mobile window

[sadeghhosseini]

I'm using the newest version of react-native-scaling-drawer which is version 1.0.2 at the time of writing this issue and supports RTL movement and I encountered a problem. The problem is that the front view is not shown completely, It's like the height of the front view is bigger than the window itself.
As the following pictures demonstrate the blue line has been set out of the window's bound.

This is my code:

<ScalingDrawer
    position="right"
    ref={drawer}
    content={
        <View style={{
            flex: 1,
            backgroundColor: 'pink',
        }}>
        </View>
    }
    {...defaultScalingDrawerConfig}
>
    <View style={{ flex: 1, backgroundColor: 'red' }}></View>
    <View style={{
        position: 'absolute',
        left: 0,
        right: 0,
        bottom: 0,
        backgroundColor: 'blue',
        height: 3,
    }}></View>

</ScalingDrawer >

I would appreciate it if you could fix this.
Thanks for your wonderful job.

[sadeghhosseini]

I fixed this by using frontstyle.

<ScalingDrawer
     frontStyle={{
          flex: 1,
      }}
    position="right"
    ref={drawer}
    content={
        <View style={{
            flex: 1,
            backgroundColor: 'pink',
        }}>
        </View>
    }
    {...defaultScalingDrawerConfig}
>
    <View style={{ flex: 1, backgroundColor: 'red' }}></View>
    <View style={{
        position: 'absolute',
        left: 0,
        right: 0,
        bottom: 0,
        backgroundColor: 'blue',
        height: 3,
    }}></View>

</ScalingDrawer >

Again thank you for your great job.