ReactNative桥接原生View和ViewGroup

最新推荐文章于 2022-11-14 14:24:48 发布

pang_gua

最新推荐文章于 2022-11-14 14:24:48 发布

阅读量2.7k

点赞数

分类专栏： ReactNative 文章标签： Android ReactNative TypeScript 桥接原生View

本文链接：https://blog.csdn.net/pang_gua/article/details/80072621

版权

本文介绍了如何在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);
}
}