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

iOS: Gap between top UI element and and status bar on iPhone 12 mini with extendSafeArea set to false

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Medium
    • Resolution: Unresolved
    • Affects Version/s: Release 9.3.0, Release 9.2.2
    • Fix Version/s: Release 9.3.1
    • Component/s: iOS
    • Labels:
      None
    • Story Points:
      3
    • Sprint:
      2021 Sprint 2

      Description

      Description

      When running the below code on an iPhone 12 mini there is a gap between the status bar and the toolbar element. This is only seen on a iPhone 12 mini and is most likely due to that device having a differing status bar and safe area top inset size (see here and here)

      var win = Ti.UI.createWindow({
      	title : "test",
      	backgroundColor : '#fff',
      	extendSafeArea : false
      });
      Ti.UI.iOS.setStatusBarBackgroundColor("#00AEE0");
      var toolbar = Ti.UI.createToolbar({
      	barColor : 'blue',
      	title : "Toolbar",
      	top : 0
      });
      win.add(toolbar);
      win.open(); 
      

      Steps to reproduce

      1. Add the code above to an existing app.js
      2. Build to an iPhone 12 mini simulator or device

      Actual

      Gap between statusbar and top UI element

      Expected

      No gap

        Attachments

          Activity

            People

            • Assignee:
              vijaysingh Vijay Singh
              Reporter:
              eharris Ewan Harris
              Reviewer:
              Christopher Williams
              Tester:
              Satyam Sekhri
            • Watchers:
              6 Start watching this issue

              Dates

              • Created:
                Updated:

                Backbone Issue Sync

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

                  Git Integration