【HarmonyOS】解决Line组件在预览器跟模拟器显示不一致的问题

 【关键字】

ArkUI、HarmonyOS、Line组件、预览器、模拟器

【问题描述】

最近项目中使用到了Line组件，在使用时遇到了一个问题，简单写了一个Demo复现一下，代码如下：

代码很简单，此时打开预览器看一下效果如下：

然后又打开了远程模拟器进行调试，结果得到的效果如下：

问题很明显了，同样的一段很简单的代码，在远程模拟器上效果显示不出来，这是怎么回事呢？

相关工具配置如下所示：

API版本：api 9

工具版本：

SDK版本：

【问题分析】

遇到问题首先网上查一下看有没有类似的，查完之后并无收获，那么我们接下来只能去翻官方文档了，准备对代码中使用的几个方法一个一个的排查一下，文档地址如下：

文档中心

经过对比发现，可能出现问题的地方就是Line接口的构造函数并未传值，未做宽高的限制：

其它的几个方法都对比了一下，传递的参数是没有问题的，那么就从这里尝试修改一下吧。

【解决方案】

按照上面的分析思路，重新修改代码，设置一下宽度和高度，如下所示：

重新运行之后，可以正常显示啦，效果如下：

OK，今天的内容就到这里，下期再会！

 欲了解更多更全技术文章，欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh