通过添加包装器来响应本机风格的第三方组件
P粉122932466
P粉122932466 2024-01-10 18:12:19
[React讨论组]

我的问题:

我正在尝试将自己的样式添加到react-native-popup-menu提供的组件中,并将其添加到我的组件库中。它们提供具有以下预期层次结构的 Menu、MenuOptions 和 MenuOption 组件:


  
    
    
    
    
  

我计划为每个元素创建包装器,在其中设置组件的样式,并在有人从组件库导入它时返回包装器。

例如,菜单组件的包装器:

import { MenuProps } from 'react-native-popup-menu';

type CustomMenuProps = {
  children: React.ReactElement[];
}

const CustomMenu = (props: MenuProps && CustomMenuProps) => {
  return {children}
}

这会在每一层上添加包装器(一个额外的元素),从而产生以下层次结构:


  
    
      ...

该包不喜欢这样,因为它依赖于层次结构来正确显示菜单。抛出错误“MenuOptions 应该是 Menu 的子级”

有没有办法创建自定义样式的菜单并将其公开为组件库中的组件?如果是react,我会重写css类,但是react-native中没有级联效果。

任何线索都会非常有帮助。谢谢。

P粉122932466
P粉122932466

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号