Tabs styling improvements (#8366)

* fix(tabs): delay loadView when animation runs

* chore: update api.md

* chore: remove unnecessary casting

* test: Added disabled test for changing tabs

* tabs(ios): added tabs styling in ios

* tabs: added iosAlignment property

* tabs: textTransform support

* tabs: iosAlignment moved to tabstrip

* test: add frame-in-tabs test

* chore: addressing PR comments

* chore: addressing PR comments

* chore: call method on the instance instead of call

* chore: move IOSAlignment property

* chore: update comments

* fix: texttransform to tabstrip in bottomnavigation

* chore: add new item to native-api-usage

* chore: remove unneeded setNativeView call

* chore: removed unneeded check

Co-authored-by: Dimitar Topuzov <dtopuzov@gmail.com>

e2e/ui-tests-app/app/tabs/main-page.ts

@@ -32,6 +32,7 @@ export function loadExamples() {
     examples.set("nested-layout", "tabs/nested-layout-page");
     examples.set("nested-bottom-navigation", "tabs/nested-bottom-navigation-page");
     examples.set("custom-tabstrip", "tabs/custom-tabstrip-page");
+    examples.set("frame-in-tabs", "tabs/frame-in-tabs");
 
     return examples;
 }

e2e/ui-tests-app/app/tabs/tab-strip-items-page.xml

@@ -1,5 +1,5 @@
 <Page>
-  <Tabs id="tabs" automationText="tabNavigation"  >
+  <Tabs id="tabs" automationText="tabNavigation" iOSTabBarItemsAlignment="leading">
 
     <TabStrip>