Tuya Developer Forum

• Tuya MiniApp IDE 版本信息：_{关于中查看}
  
  • App 应用版本信息： _设置-关于中进行查看~
  • @ray-js/ray, @ray-js/panel-sdk的版本
    "@ray-js/panel-sdk": "¹.12.0",
    "@ray-js/ray": "¹.5.27",
    "@ray-js/robot-map-component": "⁰.0.7",
  • 移动设备信息：_{手机型号及系统}
  • 相关代码：_{可复现该问题的代码内容}
    <HomeMapView mapStatus={mapStatus} mapEditable={mapEditable} />
    <Image
    style={{
    position: 'absolute',
    top: 0,
    width: '100vw',
    height: '50vh',
    left: 0,
    zIndex: -1,
    }}
    mode="scaleToFill"
    src={require('@/res/tb/home/bg.png')}
    />

- 日志信息：不报错

- 问题描述（复现步骤）：增加一张图标或渐变色为背景，扫地机地图无法显示在页面上

- 预期结果：希望扫地机地图能在背景上显示

- 实际结果：不能显示

你好，你的反馈已收到，我们将尽快答复你。

你好，目前暂时不支持在地图的层级下方，进行图片的叠放。

主要原因涉及到

1. 扫地机的地图使用的WebView 进行渲染，WebView 是一个原生App组件，与View（小程序视图层）在视图层级上，不是同一个层级
2. 扫地机地图的背景涉及到了场景环境光等一系列因素，若有改变背景的需求，可以在useMiddlewareMapViewParams Hooks 里面修改bgColor 的参数，可以把背景修改为制定的颜色（不支持透明）