Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-16503

iOS: Allow toolbar to extend underneath statusbar on iOS 7

    Details

      Description

      Since the new Window architecture in 3.2.0 it is not possible anymore for a window to have a simple navigation bar. You either have to use a NavigationWindow or a Window + Toolbar. The first feels over-done for just a navigation bar, but the second one has a major short-coming that is pretty much a blocker as well.

      Take the following app.js:

      var win = Ti.UI.createWindow({
        backgroundColor: 'red',
        extendEdges: [Ti.UI.EXTEND_EDGE_ALL]
      });
      win.add(Ti.UI.iOS.createToolbar({
        items: [Ti.UI.createButton({
          systemButton: Titanium.UI.iPhone.SystemButton.CAMERA,
        })],
        top: 0, // 20 leaves a gap
        height: 64, // doesn't work
        borderTop: false,
        borderBottom: true
      }));
      win.open();
      

      What we want is for the Toolbar to extend itself to the area under the status bar like the NavigationWindow does and the old window navigation bar had, so they can have a uniform color and more importantly, share the blurred effect enabled by extendEdges.

      However, when I set top: 0, the first 20 of the 44 points of the toolbar are positioned under the statusbar, even if I try to set the height to 64. And when I set top: 20 the red window is visible in all its glory behind the status bar like demonstrated in the attached screenshot. I could position another view in that area, but there's no way to give it the same blur-effect the toolbar has.

      It would be nice to have an option to have the Toolbar extend to the area under the statusbar, which would provide a really good and light alternative for the good-old navigation bar.

        Attachments

          Activity

            People

            • Assignee:
              vduggal Vishal Duggal (Inactive)
              Reporter:
              fokkezb Fokke Zandbergen
              Reviewer:
              Pedro Enrique (Inactive)
            • Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

                • Backbone Issue Sync is enabled for your project, but we do not have any synchronization info for this issue.

                  Git Integration