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

iOS: tintColor not working for TabbedBar/ButtonBar on iOS 13

    Details

    • Story Points:
      5

      Description

      With iOS 13 the styling of the UISegmentedControl significantly changed. Previously the color of the selected element and the border color could simply be set with tintColor. Now this requires a combination of backgroundColor / selectedSegmentTintColor / setTitleTextAttributes and manual settings for borders using the underlying layer.

      See also https://stackoverflow.com/a/56874473/1168989

      Steps to reproduce the behavior

      const win = Ti.UI.createWindow({
      	backgroundColor: 'black'
      });
      var test = Ti.UI.createTabbedBar({
      	labels: [ '1', '2', '3', 'AUTO' ],
      	tintColor: 'white'
      });
      win.add(test);
      win.open();
      

      Actual behavior
      The controls has no border and unselected elements are barely visible.

      Expected behavior
      The control has a border and unselected element are colored according to tintColor.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                vijaysingh Vijay Singh
                Reporter:
                nicolomonili nicolomonili
                Reviewer:
                Jan Vennemann
              • Watchers:
                8 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 Source Code