HarmonyOS鸿蒙Next中@Extend @Styles封装的全局样式如何在其他文件使用? export后在其它文件也无法使用
10 回复
太愚蠢了吧,这个功能,不让导出,只能在一个文件里玩毛线啊,怎么全局统一啊,
我还得 每个 page 一个一个维护呗
蹲一个官方啥时候能够开放跨文件、跨组件使用@styles
同样的问题,这种设计太鸡肋了
样式文件只能在同一个文件下使用,这样设计有什么意义呢
我试了export好像不行,会报错,不能导出的话 可能复用性就没那么强了
蹲一下,有同样的问题
茶颜,蹲一个后续
没有这种功能,这两个目前都没法导出。
在HarmonyOS鸿蒙Next中,@Extend
和@Styles
封装的全局样式需要在定义它们的文件中使用export
关键字导出,然后在其他文件中通过import
导入。具体步骤如下:
- 定义并导出样式:在定义样式的文件中,使用
export
关键字导出@Extend
或@Styles
。
// styles.ts
@Extend(Text) export function customTextStyle() {
// 样式定义
}
- 导入样式:在需要使用样式的文件中,使用
import
导入样式。
// main.ts
import { customTextStyle } from './styles';
// 使用样式
@Entry
@Component
struct MyComponent {
build() {
Text('Hello').customTextStyle();
}
}
如果仍然无法使用,请确保路径正确,并且样式定义与使用方式符合规范。