[鸿蒙]解决鸿蒙开发者工具升级5.0后previewer中上下留白问题

最新推荐文章于 2025-02-13 21:08:51 发布

mysteryjun

最新推荐文章于 2025-02-13 21:08:51 发布

阅读量455

点赞数 2

文章标签： harmonyos 鸿蒙

本文链接：https://blog.csdn.net/mysteryjun/article/details/143834245

版权

HarmonyOS NEXT最新版（5.0）的DevEco Studio在创建默认项目时，预览中屏幕上下会各有一条空白，这是因为系统区分为安全区域和非安全区域。

如下图：

解决方案：

.expandSafeArea([SafeAreaType.SYSTEM])

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

mysteryjun

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

鸿蒙4.0开发笔记之DevEco Studio如何使用Previewer窗口预览器（一）

Viewinfinitely的博客

11-17

1万+

当开启预览器时，系统默认设置是打开实时更新的，若要关闭，则可以点击红色箭头指向的图标，然后就会变成下面的状态，该状态下更改左侧代码不会实时更新Previewer中的UI界面。DevEco Studio预览器概况在HarmonyOS应用开发过程中，通过使用预览器，可以查看应用的UI效果，方便开发者实时查看应用的运行效果，随时调整代码。进入之后便可以看到折叠屏、手机、平板等设备，同时可以点击右上角的小开关，打开之后就可以把列表中的所有设备都呈现UI展示。（2）选定某个UI组件，在代码中寻找到相对应的代码块；

鸿蒙HarmonyOS NEXT开发：安全区域

shudaoshanBBQ的博客

08-13

3049

安全区域是指页面的显示区域，默认不与系统设置的非安全区域比如状态栏、导航栏区域重叠，默认情况下开发者开发的界面都被布局在安全区域内。

参与评论您还未登录，请先登录后发表或查看评论

DevEco Studio 中预览器在顶部和底部出现白色间距，改为沉浸式的方法

mywildheart的博客

02-13

231

DevEco Studio 5.0去除上下白边--谁说这5.0拉的，这5.0太棒了HarmonyOS NEXT

Kousii的博客

10-29

941

这是因为系统分为安全区域和非安全区域，安全区域是页面的显示区域不会和系统设置的非安全区域（比如状态栏、导航栏区域）重叠。在代码顶端引入以上代码后，于struct中填入。

虚拟机窗口顶部和底部出现白边（鸿蒙开发）

weixin_53752776的博客

10-01

679

预览窗口顶部和底部都有白边，导致无法全屏显示

新版HarmonyOS 鸿蒙Next 5 预览器preview上下有白边的问题

Megumi99的博客

11-19

393

针对HarmonyOS 鸿蒙Next预览器全屏后上下出现空白的问题，这可能是由于新版本（如5.0.3.500）默认行为变更导致的。把show satefy area勾选中可以看到，页面被限制在安全区内。在页面入口@Entry的struct中添加。

HarmonyOS鸿蒙开发工具 DevEco Studio的安装与使用

u013006974的博客

08-30

6257

鸿蒙开发使用的IDE（集成开发环境）是DevEco Studio，工欲善其事、必先利其器，我们从DevEco Studio的安装与使用开始学习HarmonyOS的开发系列教程。今天介绍了DevEco Studio的安装，并创建和运行了Hello World项目，下一篇介绍HarmonyOS应用的项目工程结构。

鸿蒙HarmonyOS开发环境安装与配置完全解析

sinat_30844883的博客

07-20

7397

鸿蒙5.0开发【页面路由 router 库的使用】

2401_82772199的博客

08-04

762

页面路由 router 库的使用

鸿蒙NEXT开发【CMake构建工程配置HarmonyOS编译工具链】编译构建

houxiliOH的博客

09-30

967

CMake是一个跨平台的构建工具，用于管理构建过程、编译、链接和打包软件项目，它可以生成Makefile等用于不同操作系统和编译器的构建脚本。CMake的配置过程是跨平台的，因此可以在不同的操作系统上运行，例如Linux、Windows和macOS。

鸿蒙（开发进阶）CMake构建工程配置HarmonyOS编译工具链

WEZC156465的博客

10-25

1159

解决DevEco Studio模拟器显示空白问题

2301_76193183的博客

11-18

1167

我百思不得其解，先后在官网，百度等等网站找寻答案，但是都是无功而返。网上的博主大多都是让我们修改---'EntryAbility.ets'中onWindowStageCreate的路径为'pages/自己文件名'，但是我多次尝试，发现还是不得行。我也是鸿蒙初学者，可能也上方法不能解决各位问题，但是还是希望这篇文章能够帮助到各位，也是第一次发csdn，写得粗糙了一点，大家谅解。第二个页面居然展示出来了！点击之后看到如下结果，发现这个页面居然是空白的，真是奇了怪了。由于是第一次发文章，内容较为粗糙，请谅解。

鸿蒙-解决预览器上下有白边

weixin_66332516的博客

10-12

1471

预览中屏幕上下各有一条空白，这是因为系统分为安全区域和非安全区域，安全区域是页面的显示区域不会和系统设置的非安全区域（比如状态栏、导航栏区域）重叠。通过expandSafeArea属性支持组件不改变布局情况扩展到安全区外。column组件设置（整体）

鸿蒙NEXT版实战开发：预览窗口顶部和底部出现白边

qq_39652397的博客

01-22

1109

Phone/Default/Tablet设备启动预览后，在预览窗口的顶部和底部出现白边。

HarmonyOS鸿蒙开发 - 解决上下两栏白边 - 沉浸式效果

计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。

12-10

1410

鸿蒙应用开发从入门到入行HarmonyOS鸿蒙开发 - 解决上下两栏白边 - 沉浸式效果预览器上下两栏白边自从HarmonyOS升级到release版后，很多同学会问猫林老师：为什么他的预览器上下有白边，为什么明明根容器写了宽高百分百但没铺满。如下图白边原因其实上面的白边，称之为状态栏。上面会放手机wifi信号、电池电量等...

鸿蒙模拟器，deveco studio中 project Structure 空白解决方式

m0_65015442的博客

09-28

1215

1.打开deveco，点击右上角搜索按钮（或双击shift），打开搜索框，输入Registry，打开Registry 界面，勾选 ide.browser.jcef.gpu.disable 后，关闭窗口，重启模拟器。2.如果上个方法没有生效，检查电脑上的杀毒软件，尤其是360（本人亲自踩坑，坑惨我了，不声不响就删掉了一些文件），关闭杀毒软件后，再次安装！

鸿蒙OS基础开发（一）

qq_47898892的博客

06-13

2227

HarmonyOS基础开发记录（一） HarmonyOS是一款“面向未来”、面向全场景（移动办公、运动健康、社交通信、媒体娱乐等）的分布式操作系统。HarmonyOS整体遵从分层设计，从下向上依次为：内核层、系统服务层、框架层和应用层。系统功能按照“系统 > 子系统 > 功能/模块”逐级展开，在多设备部署场景下，支持根据实际需求裁剪某些非必要的子系统或功能/模块。......

鸿蒙系统APP开发（harmonyOS）常见问题之二：无法进行previewer(previewer engine started failed)