@bm-fe/react-native-ui-components 1.0.1 → 1.1.4

package/android/design/src/main/java/com/bitmart/react/design/TextButtonViewManager.kt

@@ -0,0 +1,294 @@
+package com.bitmart.react.design
+
+import android.util.Log
+import android.view.ContextThemeWrapper
+import android.view.View
+import androidx.appcompat.widget.AppCompatButton
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.common.MapBuilder
+import com.facebook.react.uimanager.PixelUtil
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+/**
+ * TextButtonViewManager - 专门用于文本按钮的 ViewManager
+ *
+ * 支持的样式：
+ * - Black: Widget.BitMart4.Button.TextButton.Black（黑色文本）
+ * - Gray: Widget.BitMart4.Button.TextButton.Gray（灰色文本）
+ * - Blue: Widget.BitMart4.Button.TextButton.Blue（蓝色文本）
+ */
+class TextButtonViewManager : SimpleViewManager<AppCompatButton>() {
+
+    companion object {
+        private const val TAG = "TextButtonViewManager"
+        const val REACT_CLASS = "TextButton"
+        const val EVENT_ON_PRESS = "onPress"
+        const val EVENT_ON_SIZE_CHANGE = "onSizeChange"
+
+        /**
+         * TextButton 样式名称到资源 ID 的映射表
+         */
+        private val STYLE_MAP = mapOf(
+            "Black" to com.bitmart.design.R.style.Widget_BitMart4_Button_TextButton_Black,
+            "Gray" to com.bitmart.design.R.style.Widget_BitMart4_Button_TextButton_Gray,
+            "Blue" to com.bitmart.design.R.style.Widget_BitMart4_Button_TextButton_Blue
+        )
+
+        fun getStyleResId(styleName: String?): Int {
+            return STYLE_MAP[styleName] ?: com.bitmart.design.R.style.Widget_BitMart4_Button_TextButton_Black
+        }
+    }
+
+    // 保存按钮的样式名称和 ReactContext
+    private val buttonStyleMap = mutableMapOf<AppCompatButton, String>()
+    private val buttonContextMap = mutableMapOf<AppCompatButton, ReactContext>()
+
+    override fun getName(): String = REACT_CLASS
+
+    override fun createViewInstance(reactContext: ThemedReactContext): AppCompatButton {
+        // 默认使用 Black 样式
+        val defaultStyleName = "Black"
+        val styleResId = getStyleResId(defaultStyleName)
+
+        // 使用 ContextThemeWrapper 让 AppCompatButton 自动应用样式
+        val themedContext = ContextThemeWrapper(reactContext, styleResId)
+        val button = AppCompatButton(themedContext)
+
+        // 设置文本按钮特有属性
+        button.isAllCaps = false
+
+        // 文本按钮特有设置：无最小尺寸限制，宽度完全自适应
+        button.minimumWidth = 0
+        button.minimumHeight = 0
+
+        // 确保背景正确应用（文本按钮通常为透明背景）
+        applyBackground(button, styleResId)
+
+        // 保存样式名称和原始 ReactContext
+        buttonStyleMap[button] = defaultStyleName
+        buttonContextMap[button] = reactContext
+
+        return button
+    }
+
+    /**
+     * 设置按钮文本
+     */
+    @ReactProp(name = "text")
+    fun setText(button: AppCompatButton, text: String?) {
+        val oldText = button.text.toString()
+        val newText = text ?: ""
+
+        button.text = newText
+
+        // 文本变化后，测量并发送尺寸
+        if (oldText != newText) {
+            measureAndSendSize(button)
+        }
+    }
+
+    /**
+     * 设置样式名称（动态切换样式）
+     * @param styleName 样式名称，如 "Black", "Gray", "Blue"
+     */
+    @ReactProp(name = "styleName")
+    fun setStyleName(button: AppCompatButton, styleName: String?) {
+        if (styleName.isNullOrEmpty()) {
+            return
+        }
+
+        val currentStyle = buttonStyleMap[button]
+        if (currentStyle == styleName) {
+            return
+        }
+
+        val styleResId = getStyleResId(styleName)
+
+        if (STYLE_MAP.containsKey(styleName)) {
+            // 使用简化的样式应用方法
+            applyCompleteStyle(button, styleResId, styleName)
+            measureAndSendSize(button)
+        }
+    }
+
+    /**
+     * 设置启用状态
+     */
+    @ReactProp(name = "enabled", defaultBoolean = true)
+    fun setEnabled(button: AppCompatButton, enabled: Boolean) {
+        button.isEnabled = enabled
+        // 强制刷新以触发 StateListDrawable 状态更新
+        button.refreshDrawableState()
+    }
+
+    /**
+     * 测量按钮尺寸并发送给 RN
+     */
+    private fun measureAndSendSize(button: AppCompatButton) {
+        button.post {
+            // 使用 WRAP_CONTENT 测量按钮的内在尺寸
+            val widthMeasureSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
+            val heightMeasureSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
+            button.measure(widthMeasureSpec, heightMeasureSpec)
+
+            val measuredWidth = button.measuredWidth
+            val measuredHeight = button.measuredHeight
+
+            // 如果 measure 返回 0，使用文字测量 + padding 作为备选方案
+            val finalWidth = if (measuredWidth > 0) {
+                measuredWidth
+            } else {
+                val textWidth = button.paint.measureText(button.text.toString())
+                (textWidth + button.paddingStart + button.paddingEnd).toInt()
+            }
+            val finalHeight = if (measuredHeight > 0) measuredHeight else button.height
+
+            // 转换为 dp
+            val widthDp = PixelUtil.toDIPFromPixel(finalWidth.toFloat())
+            val heightDp = PixelUtil.toDIPFromPixel(finalHeight.toFloat())
+
+            // 发送尺寸变化事件给 RN
+            val reactContext = buttonContextMap[button]
+            if (reactContext != null) {
+                val event = Arguments.createMap().apply {
+                    putDouble("width", widthDp.toDouble())
+                    putDouble("height", heightDp.toDouble())
+                }
+                reactContext.getJSModule(RCTEventEmitter::class.java)
+                    .receiveEvent(button.id, EVENT_ON_SIZE_CHANGE, event)
+            }
+        }
+    }
+
+    /**
+     * 应用背景和最小尺寸设置
+     * 文本按钮的背景通常为 @null（透明），需要明确设置
+     */
+    private fun applyBackground(button: AppCompatButton, styleResId: Int) {
+        try {
+            val context = button.context
+            val typedArray = context.obtainStyledAttributes(
+                styleResId,
+                intArrayOf(android.R.attr.background)
+            )
+
+            // 对于文本按钮，背景可能是 @null，需要明确设置（包括 null 值）
+            val background = typedArray.getDrawable(0)
+            button.background = background  // 可能为 null，这对文本按钮是正确的
+
+            Log.d(TAG, "Applied background: ${if (background == null) "null (transparent)" else "drawable"}")
+
+            typedArray.recycle()
+
+            // 强制设置 minWidth 和 minHeight 为 0，让按钮宽度自适应文字
+            button.minimumWidth = 0
+            button.minimumHeight = 0
+        } catch (e: Exception) {
+            Log.e(TAG, "Error applying background", e)
+        }
+    }
+
+    /**
+     * 完整样式应用方法 - 自动应用所有样式，无需手动解析
+     * 通过创建临时按钮获取完整样式，然后复制到目标按钮
+     */
+    private fun applyCompleteStyle(button: AppCompatButton, styleResId: Int, styleName: String) {
+        try {
+            // 保存当前按钮状态
+            val currentText = button.text
+            val currentEnabled = button.isEnabled
+            val originalContext = buttonContextMap[button] ?: return
+
+            // 创建一个临时按钮来获取完整的样式属性
+            val themedContext = ContextThemeWrapper(originalContext, styleResId)
+            val tempButton = AppCompatButton(themedContext)
+
+            // 从临时按钮复制所有样式属性到当前按钮
+            copyButtonStyle(tempButton, button)
+
+            // 复用现有的背景应用方法（确保背景正确生效，并自动设置最小尺寸）
+            applyBackground(button, styleResId)
+
+            // 手动设置其他必要属性
+            button.isAllCaps = false
+
+            // 恢复按钮状态
+            button.text = currentText
+            button.isEnabled = currentEnabled
+
+            // 强制刷新视图以确保样式变化生效
+            button.invalidate()
+            button.requestLayout()
+
+            // 更新样式映射
+            buttonStyleMap[button] = styleName
+
+        } catch (e: Exception) {
+            Log.e(TAG, "Error applying complete style", e)
+        }
+    }
+
+    /**
+     * 从源按钮复制完整样式到目标按钮
+     */
+    private fun copyButtonStyle(sourceButton: AppCompatButton, targetButton: AppCompatButton) {
+        // 复制文本样式
+        targetButton.setTextColor(sourceButton.textColors)
+        targetButton.textSize = sourceButton.textSize / targetButton.resources.displayMetrics.scaledDensity
+        targetButton.typeface = sourceButton.typeface
+
+        // 复制 padding
+        targetButton.setPadding(
+            sourceButton.paddingStart,
+            sourceButton.paddingTop,
+            sourceButton.paddingEnd,
+            sourceButton.paddingBottom
+        )
+
+        // 复制 drawable padding
+        targetButton.compoundDrawablePadding = sourceButton.compoundDrawablePadding
+
+        // 复制 compound drawables 和 tint
+        val drawables = sourceButton.compoundDrawables
+        targetButton.setCompoundDrawables(drawables[0], drawables[1], drawables[2], drawables[3])
+        if (sourceButton.compoundDrawableTintList != null) {
+            targetButton.compoundDrawableTintList = sourceButton.compoundDrawableTintList
+        }
+
+        // 注意：背景通过单独的 applyBackground 方法处理，确保正确应用
+    }
+
+
+    /**
+     * 导出事件映射
+     */
+    override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any>? {
+        return MapBuilder.builder<String, Any>()
+            .put(EVENT_ON_PRESS, MapBuilder.of("registrationName", EVENT_ON_PRESS))
+            .put(EVENT_ON_SIZE_CHANGE, MapBuilder.of("registrationName", EVENT_ON_SIZE_CHANGE))
+            .build()
+    }
+
+    /**
+     * 添加点击事件监听
+     */
+    override fun addEventEmitters(reactContext: ThemedReactContext, view: AppCompatButton) {
+        view.setOnClickListener {
+            reactContext.getJSModule(RCTEventEmitter::class.java)
+                .receiveEvent(view.id, EVENT_ON_PRESS, null)
+        }
+    }
+
+    /**
+     * 清理资源
+     */
+    override fun onDropViewInstance(view: AppCompatButton) {
+        super.onDropViewInstance(view)
+        buttonStyleMap.remove(view)
+        buttonContextMap.remove(view)
+    }
+}

package/ios/DemoProject/NativeDesign/PrimaryButtonViewManager.m

@@ -0,0 +1,25 @@
+//
+//  PrimaryButtonViewManager.m
+//  BitMartUS
+//
+//  Created by React Native on 2026/01/24.
+//
+
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(PrimaryButtonViewManager, RCTViewManager)
+
+// 导出属性
+RCT_EXPORT_VIEW_PROPERTY(text, NSString)
+RCT_EXPORT_VIEW_PROPERTY(styleName, NSString)
+RCT_EXPORT_VIEW_PROPERTY(enabled, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(loading, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(iconSvgString, NSString)
+RCT_EXPORT_VIEW_PROPERTY(iconColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(iconPosition, NSString)
+
+// 导出事件 - 使用 RCTBubblingEventBlock 避免重复注册
+RCT_EXPORT_VIEW_PROPERTY(onPress, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onSizeChange, RCTDirectEventBlock)
+
+@end

package/ios/DemoProject/NativeDesign/PrimaryButtonViewManager.swift

@@ -0,0 +1,321 @@
+//
+//  PrimaryButtonViewManager.swift
+//  BitMartUS
+//
+//  Created by React Native on 2026/01/24.
+//
+
+import UIKit
+import React
+import BMUIComponents
+import SnapKit
+import SDWebImage
+import SDWebImageSVGCoder
+
+/// iOS 原生按钮 ViewManager - 对应 Android 的 PrimaryXLargeViewManager
+/// 基于 BMComponentButton 实现，支持所有 Primary/Secondary/Green/Red/White 样式
+@objc(PrimaryButtonViewManager)
+class PrimaryButtonViewManager: RCTViewManager {
+
+    override static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+
+    override func view() -> UIView! {
+        return PrimaryButtonView()
+    }
+}
+
+/// iOS 原生按钮视图 - 基于 BMComponentButton
+class PrimaryButtonView: UIView {
+
+    // MARK: - Properties
+    private var bmButton: BMComponentButton
+    private var currentStyleName: String = "Primary.Large"
+
+    /// RN 事件回调
+    @objc var onPress: RCTBubblingEventBlock?
+    @objc var onSizeChange: RCTDirectEventBlock?
+
+    // MARK: - Initialization
+    override init(frame: CGRect) {
+        // 默认创建 Primary.Large 按钮
+        bmButton = BMComponentButton.primary(size: .Large)
+        super.init(frame: frame)
+        setupButton()
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    // MARK: - Setup
+    private func setupButton() {
+        // 避免 RN 设置的 frame 产生 NSAutoresizingMaskLayoutConstraint 与 BMComponentButton 固定高度冲突
+        translatesAutoresizingMaskIntoConstraints = false
+
+        // 降低水平方向 content hugging，让视图愿意被拉满父级宽度（Footer 全屏宽）
+        setContentHuggingPriority(.defaultLow, for: .horizontal)
+        setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
+
+        addSubview(bmButton)
+
+        // 按钮与容器四边对齐；低 content hugging 让按钮愿意被拉满容器宽度（否则会卡在文字宽度 ~96pt）
+        bmButton.setContentHuggingPriority(.defaultLow, for: .horizontal)
+        bmButton.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
+        bmButton.snp.makeConstraints { make in
+            make.edges.equalToSuperview()
+        }
+
+        // 添加点击事件
+        bmButton.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
+
+        // 发送初始尺寸
+        sendSizeChangeEvent()
+    }
+
+    // MARK: - Event Handlers
+    @objc private func buttonTapped() {
+        onPress?([:])
+    }
+
+    private func sendSizeChangeEvent() {
+        DispatchQueue.main.async { [weak self] in
+            guard let self = self else { return }
+            let size = self.bmButton.intrinsicContentSize
+
+            self.onSizeChange?([
+                "width": size.width,
+                "height": size.height
+            ])
+        }
+    }
+
+    // MARK: - RN Props
+
+    /// 设置按钮文本
+    @objc var text: NSString = "" {
+        didSet {
+            bmButton.title = text as String
+            sendSizeChangeEvent()
+        }
+    }
+
+    /// 设置样式名称
+    @objc var styleName: NSString = "Primary.Large" {
+        didSet {
+            let styleNameStr = styleName as String
+            if currentStyleName != styleNameStr {
+                currentStyleName = styleNameStr
+                let config = parseStyleName(styleNameStr)
+                bmButton.configuration = config
+                sendSizeChangeEvent()
+            }
+        }
+    }
+
+    /// 设置启用状态
+    @objc var enabled: Bool = true {
+        didSet {
+            bmButton.isEnabled = enabled
+        }
+    }
+
+    /// 是否显示加载状态（进度条）。为 true 时隐藏文字/图标、显示原生 UIActivityIndicator，与 BMComponentButton 的 isLoading 一致。
+    @objc var loading: Bool = false {
+        didSet {
+            bmButton.isLoading = loading
+        }
+    }
+
+    // MARK: - SVG Icon Support
+
+    /// SVG图标字符串
+    @objc var iconSvgString: NSString = "" {
+        didSet { loadSvgIcon() }
+    }
+
+    /// 图标颜色
+    @objc var iconColor: NSString = "#ffffff" {
+        didSet { loadSvgIcon() }
+    }
+
+    /// 图标位置
+    @objc var iconPosition: NSString = "leading" {
+        didSet { updateButtonConfiguration() }
+    }
+
+    /// 图标渲染尺寸（pt）
+    private var iconRenderingSize: CGFloat {
+        let sizePart = currentStyleName.components(separatedBy: ".").last ?? "Large"
+        switch parseButtonSize(sizePart) {
+        case .XLarge, .Large: return 24
+        case .Medium, .Small: return 20
+        case .XSmall, .XXSmall: return 18
+        default: return 24
+        }
+    }
+
+    /// 加载并应用SVG图标（使用 SDWebImageSVGCoder，避免 SVGKit 与 RN 的 cstdint/CocoaLumberjack 冲突）
+    private func loadSvgIcon() {
+        let svgString = iconSvgString as String
+        let colorString = iconColor as String
+
+        guard !svgString.isEmpty else {
+            bmButton.icon = nil
+            sendSizeChangeEvent()
+            return
+        }
+
+        guard let svgData = svgString.data(using: .utf8) else { return }
+
+        let size = iconRenderingSize
+        let options: [SDImageCoderOption: Any] = [
+            .decodeThumbnailPixelSize: NSValue(cgSize: CGSize(width: size, height: size)),
+            .decodePreserveAspectRatio: true
+        ]
+
+        guard let decoded = SDImageSVGCoder.shared.decodedImage(with: svgData, options: options) else {
+            return
+        }
+
+        let finalImage: UIImage?
+        if let color = UIColor(hexString: colorString) {
+            finalImage = decoded.withTintColor(color, renderingMode: .alwaysOriginal)
+        } else {
+            finalImage = decoded
+        }
+
+        bmButton.icon = finalImage
+        sendSizeChangeEvent()
+    }
+
+    /// 更新按钮配置（用于iconPosition变化）
+    private func updateButtonConfiguration() {
+        let styleNameStr = styleName as String
+        let config = parseStyleName(styleNameStr)
+        bmButton.configuration = config
+        sendSizeChangeEvent()
+    }
+
+    // MARK: - Style Parsing
+
+    /// 解析样式名称转换为 BMComponentButtonConfiguration
+    private func parseStyleName(_ styleName: String) -> BMComponentButtonConfiguration {
+        let components = styleName.components(separatedBy: ".")
+        guard components.count == 2 else {
+            // 默认返回 Primary.Large
+            return BMComponentButtonConfiguration.primary(size: .Large, iconPosition: parseIconPosition(iconPosition as String))
+        }
+
+        let type = parseButtonType(components[0])
+        let size = parseButtonSize(components[1])
+        // 使用iconPosition解析图标位置
+        let iconPos = parseIconPosition(iconPosition as String)
+
+        switch type {
+        case .primary:
+            return BMComponentButtonConfiguration.primary(size: size, iconPosition: iconPos)
+        case .secondary:
+            return BMComponentButtonConfiguration.secondary(size: size, iconPosition: iconPos)
+        case .green:
+            return BMComponentButtonConfiguration.buy(size: size, iconPosition: iconPos)
+        case .red:
+            return BMComponentButtonConfiguration.sell(size: size, iconPosition: iconPos)
+        case .white:
+            return BMComponentButtonConfiguration.white(size: size, iconPosition: iconPos)
+        }
+    }
+
+    /// 解析图标位置
+    private func parseIconPosition(_ positionString: String) -> BMComponentButtonIconPosition {
+        switch positionString.lowercased() {
+        case "leading": return .leading
+        case "trailing": return .trailing
+        case "none": return .none
+        default: return .leading
+        }
+    }
+
+    /// 解析按钮类型
+    private func parseButtonType(_ typeString: String) -> BMComponentButtonType {
+        switch typeString.lowercased() {
+        case "primary": return .primary
+        case "secondary": return .secondary
+        case "green": return .green
+        case "red": return .red
+        case "white": return .white
+        default: return .primary
+        }
+    }
+
+    /// 解析按钮尺寸
+    private func parseButtonSize(_ sizeString: String) -> BMComponentButtonSize {
+        switch sizeString.lowercased() {
+        case "xlarge": return .XLarge
+        case "large": return .Large
+        case "medium": return .Medium
+        case "small": return .Small
+        case "xsmall": return .XSmall
+        case "xxsmall": return .XXSmall
+        default: return .Large
+        }
+    }
+
+    // MARK: - Layout
+    /// 不覆写 intrinsicContentSize，使用 UIView 默认 (noIntrinsicMetric, noIntrinsicMetric)。
+    /// 否则 RN 的 RCTShadowView 会把 noIntrinsicMetric 转成 0，Yoga measure 会返回 width=0，导致按钮宽度为 0 或按文字宽度。
+    /// 不报告内在尺寸后，由父级/样式决定尺寸，Footer 下 position:absolute + left/right/top/bottom:0 即可全屏宽。
+
+    override func layoutSubviews() {
+        // 兜底：先修正自身 frame，再 layout 子视图，否则 bmButton 会按旧 bounds(96pt) 布局
+        if let sv = superview, sv.bounds.width > 0, bounds.width < sv.bounds.width - 1 {
+            let b = sv.bounds
+            if frame.size != b.size {
+                frame = CGRect(origin: frame.origin, size: b.size)
+            }
+        }
+        super.layoutSubviews()
+        // 用 RN/Yoga 给容器的尺寸强制设置给内层按钮，避免 Auto Layout/内在尺寸导致按钮不铺满
+        if bounds.width > 0 && bounds.height > 0 && bmButton.frame.size != bounds.size {
+            bmButton.frame = CGRect(origin: .zero, size: bounds.size)
+            bmButton.setNeedsLayout()
+            bmButton.layoutIfNeeded()
+        }
+    }
+}
+
+// MARK: - UIColor Extension for Hex String
+
+extension UIColor {
+    /// 从十六进制字符串创建UIColor
+    /// 支持格式：#RRGGBB 或 #RRGGBBAA
+    convenience init?(hexString: String) {
+        var hexSanitized = hexString.trimmingCharacters(in: .whitespacesAndNewlines)
+        hexSanitized = hexSanitized.replacingOccurrences(of: "#", with: "")
+
+        var rgb: UInt64 = 0
+        guard Scanner(string: hexSanitized).scanHexInt64(&rgb) else {
+            return nil
+        }
+
+        let length = hexSanitized.count
+        let r, g, b, a: CGFloat
+
+        if length == 6 {
+            r = CGFloat((rgb & 0xFF0000) >> 16) / 255.0
+            g = CGFloat((rgb & 0x00FF00) >> 8) / 255.0
+            b = CGFloat(rgb & 0x0000FF) / 255.0
+            a = 1.0
+        } else if length == 8 {
+            r = CGFloat((rgb & 0xFF000000) >> 24) / 255.0
+            g = CGFloat((rgb & 0x00FF0000) >> 16) / 255.0
+            b = CGFloat((rgb & 0x0000FF00) >> 8) / 255.0
+            a = CGFloat(rgb & 0x000000FF) / 255.0
+        } else {
+            return nil
+        }
+
+        self.init(red: r, green: g, blue: b, alpha: a)
+    }
+}

package/ios/DemoProject/NativeDesign/TextButtonViewManager.m

@@ -0,0 +1,21 @@
+//
+//  TextButtonViewManager.m
+//  BitMartUS
+//
+//  Created by React Native on 2026/01/24.
+//
+
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(TextButtonViewManager, RCTViewManager)
+
+// 导出属性
+RCT_EXPORT_VIEW_PROPERTY(text, NSString)
+RCT_EXPORT_VIEW_PROPERTY(styleName, NSString)
+RCT_EXPORT_VIEW_PROPERTY(enabled, BOOL)
+
+// 导出事件 - 使用 RCTBubblingEventBlock 避免重复注册
+RCT_EXPORT_VIEW_PROPERTY(onPress, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onSizeChange, RCTDirectEventBlock)
+
+@end