#鸿蒙通关秘籍#怎么用ArkUI框架实现响应式布局设计

@Entry@Component
struct ResponsiveLayout {
build() {
Column() {
MediaQuery({ test: ScreenInfo.width > 600 }) {
Row() {
Text('Wide Screen Content')
}
}
MediaQuery({ test: ScreenInfo.width <= 600 }) {
Column() {
Text('Narrow Screen Content')
}
}
}
}
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.