如何使用样式化组件覆盖离子组件的样式

Question

我有一个要自定义的Ionic标签栏：

<IonTabBar>...</IonTabBar>

如果我像这样覆盖组件...

const TabBar = styled(IonTabBar)`
  font-family : 'Montserrat';
`

<IonTab>...</IonTab>

...我收到此错误：

Uncaught Error: IonTabs needs a IonTabBar
    at IonTabs.render ...

为什么？ 我是否绝对需要创建一个div容器来自定义样式？

Answer 1

看起来github上有类似的问题和解决方法。 https://github.com/ionic-team/ionic-framework/issues/21541