I understand the document says that, but other people online have had experiences with either a transparent blurry statusbar or no statusbar colour at all.
I achieved what I was trying to accomplish. If you’re using just a basic colour then what I’ve done is not necessary and should be done with .statusbar{background: * }, but if you do require transparency, I’ve changed the position of the view and enlarged the navbar.
Make sure you enlarged navbar correctly, for the status bar height you should use env(safe-area-offset-top) css variable to make it work correctly also on device with notch (e.g. iPhoneX)