@onekeyfe/react-native-tab-view 1.1.31

package/android/src/main/java/com/rcttabview/RCTTabViewManager.kt

@@ -0,0 +1,204 @@
+package com.rcttabview
+
+import android.content.res.ColorStateList
+import android.view.View
+import android.view.ViewGroup
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.viewmanagers.RNCTabViewManagerDelegate
+import com.facebook.react.viewmanagers.RNCTabViewManagerInterface
+import com.rcttabview.events.OnNativeLayoutEvent
+import com.rcttabview.events.OnTabBarMeasuredEvent
+import com.rcttabview.events.PageSelectedEvent
+import com.rcttabview.events.TabLongPressEvent
+
+@ReactModule(name = RCTTabViewManager.NAME)
+class RCTTabViewManager(context: ReactApplicationContext) :
+  ViewGroupManager<ReactBottomNavigationView>(),
+  RNCTabViewManagerInterface<ReactBottomNavigationView> {
+
+  private val delegate: RNCTabViewManagerDelegate<ReactBottomNavigationView, RCTTabViewManager> =
+    RNCTabViewManagerDelegate(this)
+
+  override fun createViewInstance(context: ThemedReactContext): ReactBottomNavigationView {
+    val view = ReactBottomNavigationView(context)
+    val eventDispatcher = UIManagerHelper.getEventDispatcherForReactTag(context, view.id)
+    val surfaceId = UIManagerHelper.getSurfaceId(context)
+
+    view.onTabSelectedListener = { key ->
+      eventDispatcher?.dispatchEvent(PageSelectedEvent(surfaceId, view.id, key))
+    }
+
+    view.onTabLongPressedListener = { key ->
+      eventDispatcher?.dispatchEvent(TabLongPressEvent(surfaceId, view.id, key))
+    }
+
+    view.onNativeLayoutListener = { width, height ->
+      eventDispatcher?.dispatchEvent(OnNativeLayoutEvent(surfaceId, view.id, width, height))
+    }
+
+    view.onTabBarMeasuredListener = { height ->
+      eventDispatcher?.dispatchEvent(OnTabBarMeasuredEvent(surfaceId, view.id, height))
+    }
+
+    return view
+  }
+
+  override fun onDropViewInstance(view: ReactBottomNavigationView) {
+    super.onDropViewInstance(view)
+    view.onDropViewInstance()
+  }
+
+  override fun getName(): String = NAME
+
+  override fun getDelegate(): ViewManagerDelegate<ReactBottomNavigationView> = delegate
+
+  // MARK: - Child view management
+
+  override fun addView(parent: ReactBottomNavigationView, child: View, index: Int) {
+    parent.addView(child, index)
+  }
+
+  override fun getChildCount(parent: ReactBottomNavigationView): Int {
+    return parent.layoutHolder.childCount
+  }
+
+  override fun getChildAt(parent: ReactBottomNavigationView, index: Int): View? {
+    val container = parent.layoutHolder.getChildAt(index) as? ViewGroup
+    return container?.getChildAt(0) ?: parent.layoutHolder.getChildAt(index)
+  }
+
+  override fun removeView(parent: ReactBottomNavigationView, view: View) {
+    for (i in 0 until parent.layoutHolder.childCount) {
+      val container = parent.layoutHolder.getChildAt(i) as? ViewGroup
+      if (container != null && container.childCount > 0 && container.getChildAt(0) === view) {
+        parent.layoutHolder.removeViewAt(i)
+        return
+      }
+    }
+    parent.layoutHolder.removeView(view)
+  }
+
+  override fun removeAllViews(parent: ReactBottomNavigationView) {
+    parent.layoutHolder.removeAllViews()
+  }
+
+  override fun removeViewAt(parent: ReactBottomNavigationView, index: Int) {
+    parent.layoutHolder.removeViewAt(index)
+  }
+
+  override fun needsCustomLayoutForChildren(): Boolean = true
+
+  // MARK: - Props (RNCTabViewManagerInterface)
+
+  override fun setItems(view: ReactBottomNavigationView?, value: ReadableArray?) {
+    if (view != null && value != null) {
+      val itemsArray = mutableListOf<TabInfo>()
+      for (i in 0 until value.size()) {
+        value.getMap(i)?.let { item ->
+          itemsArray.add(
+            TabInfo(
+              key = item.getString("key") ?: "",
+              title = item.getString("title") ?: "",
+              badge = if (item.hasKey("badge")) item.getString("badge") else null,
+              badgeBackgroundColor = if (item.hasKey("badgeBackgroundColor")) item.getInt("badgeBackgroundColor") else null,
+              badgeTextColor = if (item.hasKey("badgeTextColor")) item.getInt("badgeTextColor") else null,
+              activeTintColor = if (item.hasKey("activeTintColor")) item.getInt("activeTintColor") else null,
+              hidden = if (item.hasKey("hidden")) item.getBoolean("hidden") else false,
+              testID = item.getString("testID")
+            )
+          )
+        }
+      }
+      view.updateItems(itemsArray)
+    }
+  }
+
+  override fun setSelectedPage(view: ReactBottomNavigationView?, value: String?) {
+    if (view != null && value != null)
+      view.setSelectedItem(value)
+  }
+
+  override fun setIcons(view: ReactBottomNavigationView?, value: ReadableArray?) {
+    if (view != null)
+      view.setIcons(value)
+  }
+
+  override fun setLabeled(view: ReactBottomNavigationView?, value: Boolean) {
+    if (view != null)
+      view.setLabeled(value)
+  }
+
+  override fun setRippleColor(view: ReactBottomNavigationView?, value: Int?) {
+    if (view != null && value != null) {
+      val color = ColorStateList.valueOf(value)
+      view.setRippleColor(color)
+    }
+  }
+
+  override fun setBarTintColor(view: ReactBottomNavigationView?, value: Int?) {
+    if (view != null && value != null)
+      view.setBarTintColor(value)
+  }
+
+  override fun setActiveTintColor(view: ReactBottomNavigationView?, value: Int?) {
+    if (view != null && value != null)
+      view.setActiveTintColor(value)
+  }
+
+  override fun setInactiveTintColor(view: ReactBottomNavigationView?, value: Int?) {
+    if (view != null && value != null)
+      view.setInactiveTintColor(value)
+  }
+
+  override fun setActiveIndicatorColor(view: ReactBottomNavigationView?, value: Int?) {
+    if (view != null && value != null) {
+      val color = ColorStateList.valueOf(value)
+      view.setActiveIndicatorColor(color)
+    }
+  }
+
+  override fun setHapticFeedbackEnabled(view: ReactBottomNavigationView?, value: Boolean) {
+    if (view != null)
+      view.isHapticFeedbackEnabled = value
+  }
+
+  override fun setFontFamily(view: ReactBottomNavigationView?, value: String?) {
+    view?.setFontFamily(value)
+  }
+
+  override fun setFontWeight(view: ReactBottomNavigationView?, value: String?) {
+    view?.setFontWeight(value)
+  }
+
+  override fun setFontSize(view: ReactBottomNavigationView?, value: Int) {
+    view?.setFontSize(value)
+  }
+
+  override fun setDisablePageAnimations(view: ReactBottomNavigationView?, value: Boolean) {
+    view?.disablePageAnimations = value
+  }
+
+  override fun setTabBarHidden(view: ReactBottomNavigationView?, value: Boolean) {
+    view?.setTabBarHidden(value)
+  }
+
+  override fun setIgnoreBottomInsets(view: ReactBottomNavigationView?, value: Boolean) {
+    view?.setIgnoreBottomInsets(value)
+  }
+
+  // iOS-only props (no-ops on Android)
+  override fun setTranslucent(view: ReactBottomNavigationView?, value: Boolean) {}
+  override fun setSidebarAdaptable(view: ReactBottomNavigationView?, value: Boolean) {}
+  override fun setScrollEdgeAppearance(view: ReactBottomNavigationView?, value: String?) {}
+  override fun setMinimizeBehavior(view: ReactBottomNavigationView?, value: String?) {}
+
+  companion object {
+    const val NAME = "RNCTabView"
+  }
+}

package/android/src/main/java/com/rcttabview/RCTTabViewPackage.kt

@@ -0,0 +1,16 @@
+package com.rcttabview
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+class RCTTabViewPackage : ReactPackage {
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(RCTTabViewManager(reactContext))
+  }
+
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return emptyList()
+  }
+}

package/android/src/main/java/com/rcttabview/TabInfo.kt

@@ -0,0 +1,12 @@
+package com.rcttabview
+
+data class TabInfo(
+  val key: String,
+  val title: String,
+  val badge: String? = null,
+  val badgeBackgroundColor: Int? = null,
+  val badgeTextColor: Int? = null,
+  val activeTintColor: Int? = null,
+  val hidden: Boolean = false,
+  val testID: String? = null
+)

package/android/src/main/java/com/rcttabview/Utils.kt

@@ -0,0 +1,31 @@
+package com.rcttabview
+
+import android.content.Context
+import android.graphics.Typeface
+import android.util.TypedValue
+import androidx.appcompat.content.res.AppCompatResources
+
+class Utils {
+  companion object {
+    fun convertPixelsToDp(context: Context, value: Int): Double {
+      val displayDensity = context.resources.displayMetrics.density
+      return (value / displayDensity).toDouble()
+    }
+
+    fun getTypefaceStyle(weight: Int?) = when (weight) {
+      700 -> Typeface.BOLD
+      else -> Typeface.NORMAL
+    }
+
+    fun getDefaultColorFor(context: Context, baseColorThemeAttr: Int): Int? {
+      val value = TypedValue()
+      if (!context.theme.resolveAttribute(baseColorThemeAttr, value, true)) {
+        return null
+      }
+      val baseColor = AppCompatResources.getColorStateList(
+        context, value.resourceId
+      )
+      return baseColor.defaultColor
+    }
+  }
+}

package/android/src/main/java/com/rcttabview/events/OnNativeLayoutEvent.kt

@@ -0,0 +1,20 @@
+package com.rcttabview.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnNativeLayoutEvent(surfaceId: Int, viewTag: Int, private val width: Double, private val height: Double) : Event<OnNativeLayoutEvent>(surfaceId, viewTag) {
+  override fun getEventName(): String = EVENT_NAME
+
+  override fun getEventData(): WritableMap {
+    return Arguments.createMap().apply {
+      putDouble("width", width)
+      putDouble("height", height)
+    }
+  }
+
+  companion object {
+    const val EVENT_NAME = "onNativeLayout"
+  }
+}

package/android/src/main/java/com/rcttabview/events/OnTabBarMeasuredEvent.kt

@@ -0,0 +1,19 @@
+package com.rcttabview.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnTabBarMeasuredEvent(surfaceId: Int, viewTag: Int, private val height: Int) : Event<OnTabBarMeasuredEvent>(surfaceId, viewTag) {
+  override fun getEventName(): String = EVENT_NAME
+
+  override fun getEventData(): WritableMap {
+    return Arguments.createMap().apply {
+      putInt("height", height)
+    }
+  }
+
+  companion object {
+    const val EVENT_NAME = "onTabBarMeasured"
+  }
+}

package/android/src/main/java/com/rcttabview/events/PageSelectedEvent.kt

@@ -0,0 +1,21 @@
+package com.rcttabview.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class PageSelectedEvent(surfaceId: Int, viewTag: Int, private val key: String) : Event<PageSelectedEvent>(surfaceId, viewTag) {
+  override fun getEventName(): String = EVENT_NAME
+
+  override fun canCoalesce(): Boolean = false
+
+  override fun getEventData(): WritableMap {
+    return Arguments.createMap().apply {
+      putString("key", key)
+    }
+  }
+
+  companion object {
+    const val EVENT_NAME = "topPageSelected"
+  }
+}

package/android/src/main/java/com/rcttabview/events/TabLongPressedEvent.kt

@@ -0,0 +1,19 @@
+package com.rcttabview.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class TabLongPressEvent(surfaceId: Int, viewTag: Int, private val key: String) : Event<TabLongPressEvent>(surfaceId, viewTag) {
+  override fun getEventName(): String = EVENT_NAME
+
+  override fun getEventData(): WritableMap {
+    return Arguments.createMap().apply {
+      putString("key", key)
+    }
+  }
+
+  companion object {
+    const val EVENT_NAME = "onTabLongPress"
+  }
+}

package/common/cpp/react/renderer/components/RNCTabView/RNCTabViewComponentDescriptor.h

@@ -0,0 +1,32 @@
+#ifdef __cplusplus
+
+#pragma once
+
+#include <react/renderer/components/RNCTabView/RNCTabViewShadowNode.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+class RNCTabViewComponentDescriptor final
+    : public ConcreteComponentDescriptor<RNCTabViewShadowNode> {
+ public:
+    using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+
+  void adopt(ShadowNode& shadowNode) const override {
+    ConcreteComponentDescriptor::adopt(shadowNode);
+
+#if !defined(ANDROID)
+    auto &tabViewShadowNode =
+        static_cast<RNCTabViewShadowNode&>(shadowNode);
+
+    std::weak_ptr<void> imageLoader =
+        contextContainer_->at<std::shared_ptr<void>>("RCTImageLoader");
+    tabViewShadowNode.setImageLoader(imageLoader);
+#endif
+  }
+};
+
+} // namespace facebook::react
+
+#endif

package/common/cpp/react/renderer/components/RNCTabView/RNCTabViewShadowNode.cpp

@@ -0,0 +1,18 @@
+#include <react/renderer/components/RNCTabView/RNCTabViewShadowNode.h>
+
+namespace facebook::react {
+
+extern const char RNCTabViewComponentName[] = "RNCTabView";
+
+void RNCTabViewShadowNode::setImageLoader(
+    std::weak_ptr<void> imageLoader) {
+  getStateDataMutable().setImageLoader(imageLoader);
+}
+
+RNCTabViewShadowNode::StateData &
+RNCTabViewShadowNode::getStateDataMutable() {
+  ensureUnsealed();
+  return const_cast<RNCTabViewShadowNode::StateData &>(getStateData());
+}
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNCTabView/RNCTabViewShadowNode.h

@@ -0,0 +1,35 @@
+#ifdef __cplusplus
+
+#pragma once
+
+#include <react/renderer/components/RNCTabView/EventEmitters.h>
+#include <react/renderer/components/RNCTabView/Props.h>
+#include <react/renderer/components/RNCTabView/RNCTabViewState.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <jsi/jsi.h>
+
+namespace facebook::react {
+
+JSI_EXPORT extern const char RNCTabViewComponentName[];
+
+/*
+ * `ShadowNode` for <RNCTabView> component.
+ */
+class JSI_EXPORT RNCTabViewShadowNode final: public ConcreteViewShadowNode<
+RNCTabViewComponentName,
+RNCTabViewProps,
+RNCTabViewEventEmitter,
+RNCTabViewState> {
+
+public:
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+  using StateData = ConcreteViewShadowNode::ConcreteStateData;
+
+  void setImageLoader(std::weak_ptr<void> imageLoader);
+
+  StateData &getStateDataMutable();
+};
+
+}
+
+#endif

package/common/cpp/react/renderer/components/RNCTabView/RNCTabViewState.cpp

@@ -0,0 +1,15 @@
+#include <react/renderer/components/RNCTabView/RNCTabViewState.h>
+
+namespace facebook::react {
+
+void RNCTabViewState::setImageLoader(
+    std::weak_ptr<void> imageLoader) {
+  imageLoader_ = imageLoader;
+}
+
+std::weak_ptr<void> RNCTabViewState::getImageLoader()
+    const noexcept {
+  return imageLoader_;
+}
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNCTabView/RNCTabViewState.h

@@ -0,0 +1,25 @@
+#ifdef __cplusplus
+
+#pragma once
+
+#include <react/renderer/core/StateData.h>
+#ifdef RN_SERIALIZABLE_STATE
+#include <folly/dynamic.h>
+#endif
+
+namespace facebook::react {
+
+class RNCTabViewState final {
+ public:
+  RNCTabViewState() = default;
+
+  void setImageLoader(std::weak_ptr<void> imageLoader);
+  std::weak_ptr<void> getImageLoader() const noexcept;
+
+ private:
+  std::weak_ptr<void> imageLoader_;
+};
+
+} // namespace facebook::react
+
+#endif

package/ios/Extensions.swift

@@ -0,0 +1,46 @@
+import UIKit
+
+extension Collection {
+  subscript(safe index: Index) -> Element? {
+    indices.contains(index) ? self[index] : nil
+  }
+}
+
+extension Collection where Element == TabItem {
+  func findByKey(_ key: String?) -> Element? {
+    guard let key else { return nil }
+    guard !isEmpty else { return nil }
+    return first { $0.key == key }
+  }
+}
+
+extension UIView {
+  func pinEdges(to other: UIView) {
+    NSLayoutConstraint.activate([
+      leadingAnchor.constraint(equalTo: other.leadingAnchor),
+      trailingAnchor.constraint(equalTo: other.trailingAnchor),
+      topAnchor.constraint(equalTo: other.topAnchor),
+      bottomAnchor.constraint(equalTo: other.bottomAnchor)
+    ])
+  }
+}
+
+extension UIImage {
+  func resizeImageTo(size: CGSize) -> UIImage? {
+    let renderer = UIGraphicsImageRenderer(size: size)
+    return renderer.image { _ in
+      self.draw(in: CGRect(origin: .zero, size: size))
+    }
+  }
+}
+
+extension UIColor {
+  convenience init(rgb: Int) {
+    self.init(
+      red: CGFloat((rgb >> 16) & 0xFF) / 255.0,
+      green: CGFloat((rgb >> 8) & 0xFF) / 255.0,
+      blue: CGFloat(rgb & 0xFF) / 255.0,
+      alpha: CGFloat((rgb >> 24) & 0xFF) / 255.0
+    )
+  }
+}

package/ios/RCTBottomAccessoryComponentView.h

@@ -0,0 +1,12 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RCTBottomAccessoryComponentView: RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* RCT_NEW_ARCH_ENABLED */

package/ios/RCTBottomAccessoryComponentView.mm

@@ -0,0 +1,67 @@
+#import "RCTBottomAccessoryComponentView.h"
+
+#import <react/renderer/components/RNCTabView/ComponentDescriptors.h>
+#import <react/renderer/components/RNCTabView/EventEmitters.h>
+#import <react/renderer/components/RNCTabView/Props.h>
+#import <react/renderer/components/RNCTabView/RCTComponentViewHelpers.h>
+
+#import <React/RCTFabricComponentsPlugins.h>
+
+#if __has_include(<TabViewModule/TabViewModule-Swift.h>)
+#import <TabViewModule/TabViewModule-Swift.h>
+#elif __has_include("TabViewModule/TabViewModule-Swift.h")
+#import "TabViewModule/TabViewModule-Swift.h"
+#elif __has_include("TabViewModule-Swift.h")
+#import "TabViewModule-Swift.h"
+#else
+#import "react_native_tab_view-Swift.h"
+#endif
+
+using namespace facebook::react;
+
+@implementation RCTBottomAccessoryComponentView {
+  UIView *_accessoryView;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<BottomAccessoryViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const BottomAccessoryViewProps>();
+    _props = defaultProps;
+
+    Class containerClass = NSClassFromString(@"TabViewModule.RCTBottomAccessoryContainerView");
+    if (!containerClass) {
+      containerClass = NSClassFromString(@"RCTBottomAccessoryContainerView");
+    }
+    _accessoryView = [[containerClass alloc] init];
+    self.contentView = _accessoryView;
+  }
+
+  return self;
+}
+
+- (void)setFrame:(CGRect)frame
+{
+  [super setFrame:frame];
+  if (frame.size.width > 0 && frame.size.height > 0) {
+    auto eventEmitter = std::static_pointer_cast<const BottomAccessoryViewEventEmitter>(_eventEmitter);
+    if (eventEmitter) {
+      eventEmitter->onNativeLayout(BottomAccessoryViewEventEmitter::OnNativeLayout {
+        .width = frame.size.width,
+        .height = frame.size.height
+      });
+    }
+  }
+}
+
+@end
+
+Class<RCTComponentViewProtocol> BottomAccessoryViewCls(void)
+{
+  return RCTBottomAccessoryComponentView.class;
+}

package/ios/RCTBottomAccessoryContainerView.swift

@@ -0,0 +1,51 @@
+import Foundation
+import UIKit
+import React
+
+extension Notification.Name {
+  static let bottomAccessoryPlacementChanged = Notification.Name("bottomAccessoryPlacementChanged")
+}
+
+class RCTBottomAccessoryContainerView: UIView {
+
+  // MARK: - Events
+  @objc var onNativeLayout: RCTDirectEventBlock?
+  @objc var onPlacementChanged: RCTDirectEventBlock?
+
+  // MARK: - Init
+
+  override init(frame: CGRect) {
+    super.init(frame: frame)
+
+    NotificationCenter.default.addObserver(
+      self,
+      selector: #selector(handlePlacementNotification(_:)),
+      name: .bottomAccessoryPlacementChanged,
+      object: nil
+    )
+  }
+
+  required init?(coder: NSCoder) {
+    fatalError("init(coder:) has not been implemented")
+  }
+
+  deinit {
+    NotificationCenter.default.removeObserver(self)
+  }
+
+  // MARK: - Layout
+
+  override func layoutSubviews() {
+    super.layoutSubviews()
+    let bounds = self.bounds
+    guard bounds.width > 0 && bounds.height > 0 else { return }
+    onNativeLayout?(["width": Double(bounds.width), "height": Double(bounds.height)])
+  }
+
+  // MARK: - Placement
+
+  @objc private func handlePlacementNotification(_ notification: Notification) {
+    guard let placement = notification.userInfo?["placement"] as? String else { return }
+    onPlacementChanged?(["placement": placement])
+  }
+}

package/ios/RCTTabViewComponentView.h

@@ -0,0 +1,12 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RCTTabViewComponentView: RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* RCT_NEW_ARCH_ENABLED */