【HarmonyOS NEXT应用开发】案例65：Fabric 自定义组件开发指导

最新推荐文章于 2024-09-29 19:27:55 发布

青少年编程作品集

最新推荐文章于 2024-09-29 19:27:55 发布

阅读量82

点赞数

分类专栏： HarmonyOS鸿蒙系统应用开发高级课程（100集）文章标签： c语言 c++ 开发语言华为 harmonyos 华为云华为od

本文链接：https://blog.csdn.net/xzs51job/article/details/141301183

版权

HarmonyOS鸿蒙系统应用开发高级课程（100集）专栏收录该内容

139 篇文章 0 订阅 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

1.编写 RN 调用 Fabric 组件的代码

编写MarqueeViewNativeComponent.tsx，注意，如果要使用 Codegen ，文件必须以<ModuleName>NativeComponent命名。在文件中使用 codegenNativeComponent 创建 MarqueeView 组件，其中 MarqueeViewProps 里声明了 src 属性和 onStop 事件：

type OnStopEventData = Readonly<{

isStop: boolean

}>;



interface MarqueeViewProps extends ViewProps {

src: string,

onStop?: DirectEventHandler<OnStopEventData>;

}



const MarqueeView = codegenNativeComponent<MarqueeViewProps>(

'MarqueeView'

) as HostComponent<MarqueeViewProps>;

和其他标准组件的创建方式一样，在组件容器内添加 MarqueeView 标签：


<MarqueeView

src="双十一大促，消费是社会再生产过程中的一个重要环节，也是最终环节。它是指利用社会产品来满足人们各种需要的过程。"

style={
  {he

了解本专栏