Problems with full screen rendering

I can’t get ModalBox to work properly. I want to have a bottom oriented Modal where the rest of the screen has a semi transparent backdrop. Kind of default. What I’m seeing is a transparent overlay and no backdrop. I’m not too familiar with this component. But it seems like the height is set to the enclosing component and the positioning set relative to that instead of to the entire screen. (the height parameter looks suspicious)

I apply it in a deeply nested structure.

I’m using RN 0.32. Any suggestions?

<Modal
    isOpen={this.state.pickerVisible}
    position="bottom"
    style={{backgroundColor:'white'}}
    >
      {this.picker(field)}
  </Modal>;

[jasongrishkoff]

Also finding this “relative” sizing to be a bit constraining 😦

[kashav]

Running into the same problem. I have my modal in a container, but want it to fit the full screen. Anyway to override the bounds of the container and make the modal fill the screen’s width/height?