Add statusBarBackgroundColor to DrawerLayoutAndroid to allow it to open over the status bar

[janicduplessis]

The navigation drawer of most apps on android opens over the status bar, this adds an option to do so. It implements a similar API to the native DrawerLayout by adding a statusBarBackgroundColor to DrawerLayoutAndroid.

Without statusBarBackgroundColor:

With statusBarBackgroundColor:

This PR depends on the changes in #6195 to add the StatusBar.HEIGHT constant I just want to put it out there now to see if this looks good. To test without the other PR just change StatusBar.HEIGHT for 25.

It is implemented by making the native status bar translucent and making its background color transparent so we can draw a view of the same height as the status bar under it as a child of the DrawerLayoutAndroid. Then we can draw a semi-transparent gray View inside the drawer view to make it look like the drawer is inside the status bar.

There was just one issue that needed some less obvious code, we need to update the StatusBar backgroundColor prop one frame after rendering the background view of the drawer otherwise there was a white flicker when killing the app and reopening it.

Test plan
Tested in the UIExplorer app using the main app drawer. The drawer should open over the status bar and the status bar should not flicker at any time.

[facebook-github-bot]

By analyzing the blame information on this pull request, we identified @ericvicenti, @mkonicek and @janicduplessis to be potential reviewers.

[mkonicek]

Whoa, is this something people do in Android apps?

[janicduplessis]

Pretty much every google app does it on Android, it is also supported natively by DrawerLayout, I just did it in js since it was easier/cleaner :)

http://developer.android.com/reference/android/support/v4/widget/DrawerLayout.html#setStatusBarBackground(android.graphics.drawable.Drawable)

[terrysahaidak]

It would really cool if it will be merged!

[brentvatne]

This looks good to me.

[brentvatne]

@facebook-github-bot shipit

[facebook-github-bot]

Thanks for importing. If you are an FB employee go to Phabricator to review.

[janicduplessis]

@brentvatne We'll need to merge #6195 too for this to work properly otherwise the height constant is not defined (it won't break anything though).

[mkonicek]

OK, removing the accepted label to remember not to merge this one until #6195 lands. I try to re-ship all PRs that have the accepted label and failed to merge.

[facebook-github-bot]

@janicduplessis updated the pull request.

[facebook-github-bot]

@janicduplessis updated the pull request.

[mkonicek]

Looks like this is still waiting for #6195, commented there.

[facebook-github-bot]

@janicduplessis updated the pull request.

[janicduplessis]

Rebased on master to make sure all tests are good.

[janicduplessis]

@mkonicek #6195 landed and CI is green :)

[facebook-github-bot]

@janicduplessis updated the pull request.

[mkonicek]

Thanks @janicduplessis, just asked @foghina to take a look too and he says it's good to go! 👍

@facebook-github-bot shipit

[facebook-github-bot]

Thanks for importing. If you are an FB employee go to Phabricator to review.