HarmonyOS 鸿蒙Next 关于toggle组件，当 type类型为switch时会因弹窗交互影响默认样式的问题

HarmonyOS 鸿蒙Next 关于toggle组件，当 type类型为switch时会因弹窗交互影响默认样式的问题 关于toggle组件，当type类型为switch的时候，如果同一页面内先打开再关闭一个弹窗后，swich按钮外层会自动添加一个蓝色边框，请问这个要怎么规避

9 回复

你好，这个在自动聚焦现象是在Deveco Studio 3.0 Beta3版本出现的，想规避的话就给组件都加上.focusable(false)属性，关闭组件的可聚焦性。在Deveco Studio 3.0 Beta4版本已经移除了自动聚焦。

更多关于HarmonyOS 鸿蒙Next 关于toggle组件，当 type类型为switch时会因弹窗交互影响默认样式的问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


多谢大佬指点迷津，您说的没错，当前版本给组件加上.focusable(false)属性，完美解决。

开发者您好，方便提供下您的SDK以及HarmonyOS版本信息吗，以便定位分析，感谢

Deveco Studio 3.0 Beta3 version：3.0.0.900 SDK API Version 9

找HarmonyOS工作还需要会Flutter的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：BV1S4411E7LY/?p=17

跟弹窗内的button组件获得焦点失去焦点有关吗？

这个在SDK3.2.5.5的版本上面没复现出来，所以想看下是不是在后面SDK版本上面修复了。

欢迎开发小伙伴们进来帮帮楼主

针对HarmonyOS鸿蒙Next系统中toggle组件在type类型为switch时因弹窗交互影响默认样式的问题，这通常涉及到组件的渲染逻辑和状态管理。在鸿蒙系统中，组件的样式和行为可能会受到父容器、弹窗或其他交互元素的影响。

要解决这个问题，可以检查以下几个方面：

  1. 组件样式隔离：确保toggle组件的样式定义足够具体，避免被其他样式规则意外覆盖。可以使用类选择器、ID选择器或更具体的组合选择器来定位样式。

  2. 状态管理：检查toggle组件的状态管理逻辑，确保在弹窗打开或关闭时，组件的状态不会被意外修改。可能需要调整状态更新的逻辑，或者在弹窗交互前后手动恢复组件的默认样式。

  3. 弹窗样式与行为：分析弹窗的样式和行为，确保它没有直接或间接地影响到toggle组件的样式。可能需要调整弹窗的样式定义或其行为逻辑。

  4. 系统更新与兼容性：确认是否使用了最新的鸿蒙系统版本，因为系统更新可能修复了与组件交互相关的问题。同时，检查组件库是否有更新，以确保兼容性。

如果问题依旧没法解决请联系官网客服，官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部