I think the view may not be able to access some values, do you see any error in your log file ? .
The problem should not be because of the bgcolor that you have set in NativeToolbar
Please have a look at the following links to avoid white screen flickering.
I don't have any problem with loading the page .
we are having issue which is similar to http://docs.rhomobile.com/faq (white screen between pages)
we are getting the issue of displaying the white screen for 1 second while page transitions to next page.
Are you getting a white screen in every page transition ? Have you tried running the sample rhodes app ?
I had the same problem, and spent a large amount of time trying to fix it. I have found some workarounds, but they're not ideal.
The problem only occurs when using WebView.navigate, so where possible use redirect instead (but that won't work inside async callback methods).
For the time when you have to use WebView.navigate, I've done the following:
I've defined the following css, which will do what you were originally asking (change the background colour of the flicker to something closer to the default colour of your app instead of white). This makes it much less noticeable.
background-color: #41449B !important
I've also disabled the jQuery transitions. This is not great as it means you don't get the nice animation between pages, but it does mean that the flicker happens much less often. Change the following line in your layout.erb
$.mobile.defaultPageTransition = 'none';