feat: create NewTabView implementation

Author: 47PADO47

packages/react-native-bottom-tabs/ios/TabView/NewTabView.swift

@@ -0,0 +1,69 @@
+import SwiftUI
+
+@available(iOS 18, macOS 15, visionOS 2, tvOS 18, *)
+struct NewTabView: View {
+  @ObservedObject var props: TabViewProps
+  @AppStorage("sidebarCustomizations") var tabViewCustomization: TabViewCustomization
+
+  #if os(macOS)
+    var tabBar: NSTabView?
+  #else
+    var tabBar: UITabBar?
+  #endif
+
+  var onLayout: (_ size: CGSize) -> Void
+  var onSelect: (_ key: String) -> Void
+  var updateTabBarAppearance: (_ props: TabViewProps, _ tabBar: UITabBar?) -> Void
+
+  @ViewBuilder
+  var body: some View {
+    TabView(selection: $props.selectedPage) {
+      ForEach(props.children.indices, id: \.self) { index in
+        if let tabData = props.items[safe: index] {
+          let isFocused = props.selectedPage == tabData.key
+
+          if !tabData.hidden || isFocused {
+            let icon = props.icons[index]
+            let role: TabRole? = nil
+
+            let platformChild = props.children[safe: index] ?? PlatformView()
+            let child = RepresentableView(view: platformChild)
+
+            Tab(value: tabData.key, role: role) {
+              child
+                .ignoresSafeArea(.container, edges: .all)
+                .onAppear {
+                  #if !os(macOS)
+                    updateTabBarAppearance(props, tabBar)
+                  #endif
+                  #if os(iOS)
+                    if index >= 4 {
+                      if props.selectedPage != tabData.key {
+                        onSelect(tabData.key)
+                      }
+                    }
+                  #endif
+                }
+            } label: {
+              TabItem(
+                title: tabData.title,
+                icon: icon,
+                sfSymbol: tabData.sfSymbol,
+                labeled: props.labeled
+              )
+            }
+            //.badge(tabData.badge)
+            .customizationID(tabData.key)
+            .customizationBehavior(.disabled, for: .sidebar, .tabBar)
+            .accessibilityIdentifier(tabData.testID ?? "")
+          }
+        }
+      }
+    }
+    .measureView { size in
+      onLayout(size)
+    }
+    .tabViewCustomization($tabViewCustomization)
+    .hideTabBar(props.tabBarHidden)
+  }
+}