[TIMOB-28373] iOS: Change Ti.UI.TabbedBar to use UITabBar
| GitHub Issue | n/a | 
|---|---|
| Type | Improvement | 
| Priority | Low | 
| Status | Open | 
| Resolution | Unresolved | 
| Affected Version/s | n/a | 
| Fix Version/s | n/a | 
| Components | iOS | 
| Labels | breaking-change, iOS, parity, tabbedbar, tabs | 
| Reporter | Joshua Quick | 
| Assignee | Joshua Quick | 
| Created | 2021-03-02T01:25:40.000+0000 | 
| Updated | 2021-04-05T21:45:23.000+0000 | 
Description
	*Summary:*
On iOS, 
Ti.UI.TabbedBar currently uses Apple's [segmented control](https://developer.apple.com/design/human-interface-guidelines/ios/controls/segmented-controls) widget. Since the name "TabbedBar" implies it uses tabs, it should be changed to use Apple's [Tab Bar](https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars) widget instead (aka: [UITabBar](https://developer.apple.com/documentation/uikit/uitabbar)). This will also make it consistent with the Android implementation which uses Google's native tab widgets.
*Note:*
Titanium 10.0.0 will be introducing a new Ti.UI.OptionBar (see: [TIMOB-28317]) which will use a segmented control on iOS and a material toggle button group on Android. If you want to continue to use the segmented control, then switch to the new OptionBar view.
*Test:*
The attached [^TabbedBarTest.js] can be used to test this change with text-only, image-only, and image/text tabs, which will look like the below screenshot. Note that Apple's UITabBar expect both an image and title to be assigned to all tabs.
 !TabbedBar-iOS.png|thumbnail! 
Attachments
| File | Date | Size | 
|---|---|---|
| TabbedBar-iOS.png | 2021-03-02T01:39:53.000+0000 | 818371 | 
| TabbedBarTest.js | 2021-03-02T01:39:41.000+0000 | 1410 | 
PR (master): https://github.com/appcelerator/titanium_mobile/pull/12511