uni-app map组件 marker 上的气泡 callout，textAlign:'center'在IOS下失效

uni-app map组件 marker 上的气泡 callout，textAlign:'center’在IOS下失效

开发环境 版本号 项目创建方式
Windows WIN10 HBuilderX

操作步骤：

升级到3.1.2.20210206后，map组件 marker 上的气泡 callout，textAlign:'center’在IOS下失效，去掉textAlign:'center’反而居中。安卓正常

预期结果：

升级到3.1.2.20210206后，map组件 marker 上的气泡 callout，textAlign:'center’在IOS下失效，去掉textAlign:'center’反而居中。安卓正常

实际结果：

升级到3.1.2.20210206后，map组件 marker 上的气泡 callout，textAlign:'center’在IOS下失效，去掉textAlign:'center’反而居中。安卓正常

bug描述：

升级到3.1.2.20210206后，map组件 marker 上的气泡 callout，textAlign:'center’在IOS下失效，去掉textAlign:'center’反而居中。安卓正常


更多关于uni-app map组件 marker 上的气泡 callout，textAlign:'center'在IOS下失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

ding

更多关于uni-app map组件 marker 上的气泡 callout，textAlign:'center'在IOS下失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


ding


顶上去啊

没人解决

解决了吗

这是一个已知的iOS平台兼容性问题。在uni-app 3.1.2版本中，map组件的callout textAlign属性在iOS平台确实存在异常表现。

解决方案：

  1. 对于iOS平台，可以暂时移除textAlign属性，因为iOS默认就是居中显示
  2. 或者使用条件编译针对不同平台处理：
callout: {
    content: '文本',
    // #ifdef APP-IOS
    // iOS下不设置textAlign
    // #endif
    // #ifndef APP-IOS
    textAlign: 'center'
    // #endif
}
回到顶部