ReactNative桥接原生View和ViewGroup

本文介绍了如何在ReactNative中桥接原生的View和ViewGroup。在Native层,需要继承SimpleViewManager和实现ReactPackage。在RN层的TypeScript中声明原生View,并通过桥接引用。对于ViewGroup,需自定义ReactViewGroup并用ViewGroupManager,且ViewGroup可作为父容器,而View只能作为子控件。
摘要由CSDN通过智能技术生成

原生桥接2(原生View/ViewGroup桥接)

Native层 -View
  • 继承 SimpleViewManager

    public class CustomBridgeView extends SimpleViewManager<Button> {
         
    
    /**
     * 桥接 NativeView,需继承自 SimpleViewManager,泛型为NativeView的类型.
     * 此处仅以 Button 作为范例,展示基本用法.
     */
    
    /**
     * 1.指定RN引用时的名称
     * "RCTButton": View的引用名称,在RN层声明时,需保持命名一致.
     */
    @Override
    public String getName() {
        return "RCTButton";
    }
    
    /**
     * 2.在这里根据Context创建NativeView.
     */
    @Override
    protected Button createViewInstance(ThemedReactContext reactContext) {
        return new Button(reactContext);
    }
    
    /**
     * 3.提供给RN层动态配置NativeView的参数,RN层使用时同Props用法.
     * "name = "textSize"","textSize"作为RN层使用的Prop的名称.
     */
    @ReactProp(name = "textSize")
    public void setButtonTextSize(Button button, int size) {
        button.setTextSize(size);
    }
    }
  • 实现 ReactPackage

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值