Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-25736] iOS: Question about TabGroup limitations

GitHub Issuen/a
TypeBug
PriorityNone
StatusClosed
ResolutionInvalid
Resolution Date2018-01-31T14:00:32.000+0000
Affected Version/sn/a
Fix Version/sn/a
ComponentsiOS
Labelsn/a
ReporterMostafizur Rahman
AssigneeHans Knöchel
Created2018-01-31T11:48:14.000+0000
Updated2018-08-06T17:37:04.000+0000

Description

We are not able to resize the tab group height, as when we provide both icon and title for tab they are getting stick to each other using circle shape icon. Also we are not able to provide the padding forth icons. *Test Environments:* Appcelerator Command-Line Interface, version 7.0.1 Operating System Mac OS X,Version 10.13.2,Architecture 64bit,CPUs 4,Memory 8.0GB Node.js Version = 8.9.1 npm Version = 5.5.1 Appcelerator CLI 4.2.11 Core Package 7.0.1 Titanium CLI 5.0.14 node-appc Version 0.2.41 Titanium SDK 7.0.1.GA iOS SDK: 11.1-Simulator iPhone X *Test Steps:* 1. Open Studio and create a clasic project 2.Paste the resource folder to newly created project 3. Run via simulator . Observe that both icon and title for tab they are getting stick to each other using circle shape icon. *Test Output:* [Snapshot| https://s9.postimg.org/3uxpv598v/Simulator_Screen_Shot_-_i_Phone_X_-_2018-01-31_at_15.29.01.png]

Attachments

FileDateSize
Resources.zip2018-01-31T11:49:19.000+00005487140
Resources-fixed.zip2018-01-31T14:00:15.000+00005499906

Comments

  1. Hans Knöchel 2018-01-31

    The request is against the native concepts our Ti.UI.TabGroup inherits from the native UITabBar used. Addressing each request: * Change height: Not possible due to native limitations (not possible in the native world as well, also possible to be rejected by the AppStore if manually hacked) * Icon and title sticked to each other: The image dimensions are incorrectly. Per iOS interface guidelines, the icons should be 30x30px (1x), 60x60 (2x) and 90x90 (3x) * Cannot set padding: Already possible using the [iconInsets](http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.Tab-property-iconInsets) property *EDIT*: I've fixed the attached test-case to use proper sizing and left a view code comments on how to use icon-padding and selected icons. A side note: We actually support *all* native iOS configuration options for the TabGroup, so the developers can customize the tabgroup the same way he/she can in the native world. Thanks!
  2. Eric Merriman 2018-08-06

    Closing as invalid. If incorrect, please reopen.

JSON Source