10

I just finished work on my first Android app, New Daily Quotes. I was excited to hear that I could easily "port" it to Chromebooks and Google Chrome through ARC Welder and the Chrome Web Store, but I've run into a snag.

When I run the app in ARC Welder, the top portion of the action bar is cut off, making the title text impossible to read and the menu button difficult at best. The degree of cutoff varies depending on the form factor selected, with phone being the worst and tablet/maximized producing the same results. Below are screenshots of what I mean. The source code is available here if it helps any.

Phone UI

Droid RAZR

ARC Welder Phone UI - Landscape

ARC Welder Phone UI - Landscape

ARC Welder Phone UI - Portrait

enter image description here

Cora
  • 269
  • 3
  • 17
  • Can you try hierarchyviewer to see if there is something unexpected? You need to enable adb (open the app's page from chrome://extension and run plugin.shell('adbd') on non-ChromeOS). Or you can [file a bug](http://goo.gl/megdlG) with steps to reproduce. – Victor May 22 '15 at 23:47

1 Answers1

1

Found the answer!

Turns out, using ARC Welder (at least currently) returns API 19 (KitKat), and because I was using jgilfelt's SystemBarTint library, it was setting a nonexistent status bar tint directly over the top of the action bar.

I was able to fix the issue by not only checking to ensure that we are in fact on API 19, but also that the manufacturer build doesn't contain chromium in the contents.

if(Build.VERSION.SDK_INT == 19 && !Build.MANUFACTURER.toLowerCase().contains("chromium")) { ... }
Cora
  • 269
  • 3
  • 17