1# ArkUI Subsystem Changelog
2
3OpenHarmony 4.1.6.1 has the following changes in the \<Navigation>, \<NavDestination>, and \<Tabs> components.
4
5## cl.arkui.1 Expansion of the \<Navigation> and \<NavDestination> Components to the Non-Safe Area
6
7When conditions permit, the **\<Navigation>** and **\<NavDestination>** components are expanded to the non-safe area by default.
8
9**Access Level**
10
11Public
12
13**Change Impact**
14
15Before change: The **expandSafeArea** attribute of the **\<Navigation>** and **\<NavDestination>** components is defaulted to **[SafeAreaExpandType.NONE, SafeAreaExpandEdges.NONE]**.
16
17![stack](../../figures/navigation_unexpandSafeArea.jpg)
18
19After change: The **expandSafeArea** attribute of the **\<Navigation>** and **\<NavDestination>** components is defaulted to **[SafeAreaExpandType.SYSTEM, SafeAreaExpandEdges.BOTTOM, SafeAreaEdge.TOP]**, meaning that the components' background color is expanded to the status bar and navigation bar.
20
21![stack](../../figures/navigation_expandSafeArea.jpg )
22
23**API Level**
24
2511
26
27**Change Since**
28
29OpenHarmony SDK 4.1.6.1
30
31**Key API/Component Changes**
32
33**\<Navigation>** and **\<NavDestination>** components
34
35**Adaptation Guide**
36
37If **margin** is set for the **\<Navigation>** or **\<NavDestination>** component, there would be space between the component and the status bar or navigation bar. As a result, the component cannot be expanded to the non-safe area. To create an immersive experience for the application, change **margin** to **padding** to remove the space between the component and the status bar and navigation bar. The code example is as follows:
38
39Before adaptation:
40
41```ts
42@Entry
43@Component
44struct NavigationExample {
45  build() {
46    NavDestination() {
47        ...
48    }.margin({...})
49  }
50}
51```
52
53After adaptation:
54
55```ts
56@Entry
57@Component
58struct NavigationExample {
59  build() {
60    NavDestination() {
61        ...
62    }.padding({...})
63  }
64}
65```
66
67## cl.arkui.2 Expansion of the \<Tabs> Component to the Bottom Non-Safe Area
68
69When conditions permit, the **\<Tabs>** component is expanded to the bottom non-safe area by default.
70
71**Access Level**
72
73Public
74
75**Change Impact**
76
77Before change: The **expandSafeArea** attribute of the **\<Tabs>** component is defaulted to **[SafeAreaExpandType.NONE, SafeAreaExpandEdges.NONE]**.
78
79Before change: The **expandSafeArea** attribute of the **\<Tabs>** component is defaulted to **[SafeAreaExpandType.SYSTEM, SafeAreaExpandEdges.BOTTOM]**, meaning that the components' background color is expanded to the bottom navigation bar.
80
81**API Level**
82
8311
84
85**Change Since**
86
87OpenHarmony SDK 4.1.6.1
88
89**Key API/Component Changes**
90
91**\<Tabs>** component
92
93**Adaptation Guide**
94
95The component can deliver an immersive experience at its default settings, and no adaptation is required.
96
97## cl.arkui.3 Change to the Default Value of the autoResize and interpolation Attributes of the \<Image> Component
98
99**Access Level**
100
101Public
102
103**Reason for Change**
104
105This change is to solve the image aliasing issue.
106
107**Change Impact**
108
109This change is a non-compatible change.
110
111Before change: The **\<Image>** component's **autoResize** attribute is defaulted to **true** and the **interpolation** attribute **None**.
112
113After change: The **\<Image>** component's **autoResize** attribute is defaulted to **false** and the **interpolation** attribute **LOW**. This change enhances the component's visual appeal. Yet, it may increase the memory usage if the contained image is large, in which case you need to take memory optimization measures.
114Note: This change does not affect the component's display on the large home screen.
115
116**API Level**
117
11811
119
120**Change Since**
121
122OpenHarmony SDK 4.1.6.1
123
124**Key API/Component Changes**
125
126**\<Image>** component
127
128**Adaptation Guide**
129
130This change is about the default settings, and no adaptation is required. To change the component to its original default display effect, set **autoResize** to **true** and **interpolation** to **None**.
131
132## cl.arkui.4 Addition of the Edge Scrolling Effect to the \<Swiper> Component with One Page
133
134**Access Level**
135
136Public
137
138**Reason for Change**
139
140When a **\<Swiper>** component contains only one page, it does not exhibit the edge scrolling effect available when it contains multiple pages in non-repeating mode.
141
142**Change Impact**
143
144This change is a non-compatible change.
145
146Before change, the **\<Swiper>** component does not exhibit the edge scrolling effect when it contains only one page.
147
148After change, the **\<Swiper>** component exhibits an edge scrolling effect (**EdgeEffect.Spring** by default) when it contains only one page.
149
150**API Level**
151
1528
153
154**Change Since**
155
156OpenHarmony SDK 4.1.6.1
157
158**Key API/Component Changes**
159
160\<Swiper>
161
162**Adaptation Guide**
163
164No adaptation is required. If you want the **\<Swiper>** component to have no edge scrolling effect, set its **effectMode** attribute to **EdgeEffect.None**.
165