我的问题:
我正在尝试将自己的样式添加到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
}
这会在每一层上添加包装器(一个额外的元素),从而产生以下层次结构:
该包不喜欢这样,因为它依赖于层次结构来正确显示菜单。抛出错误“MenuOptions 应该是 Menu 的子级”
有没有办法创建自定义样式的菜单并将其公开为组件库中的组件?如果是react,我会重写css类,但是react-native中没有级联效果。
任何线索都会非常有帮助。谢谢。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号