收藏
回答

【iOS】iOS上使用scroll-view,设置圆角无效

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug scroll-view 客户端 iOS 6.7.1 2.2.1

必现bug:给scroll-view设置圆角,如果允许滚动,则圆角失效,在iOS上必现,Android和模拟器正常。

搜了之前的帖子,发现在今年2月份和3月份分别有开发者提出这个问题,没有看到官方答复。希望能尽快修复~


7/31日更新:添加复现问题代码片段,特别注意只有在iOS真机上才有该问题 @官方

最后一次编辑于  2018-07-31  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

7 个回答

  • 社区技术运营专员-灵芝
    社区技术运营专员-灵芝
    2018-07-30

    你好,请提供出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-07-30
    赞同
    回复 4
    • yifzone
      yifzone
      2018-07-31

      代码片段:wechatide://minicode/4ZFeIjmw72IK

      机型:所有iOS系统手机

      微信版本:6.7.1

      2018-07-31
      回复
    • 社区技术运营专员-灵芝
      社区技术运营专员-灵芝
      2018-07-31回复yifzone

      你好,反馈已收到,我们定位一下问题,感谢反馈

      2018-07-31
      回复
    • yifzone
      yifzone
      2018-07-31回复社区技术运营专员-灵芝

      好哒 谢谢 期待你们早日修复该问题 ~

      2018-07-31
      回复
    • 大红唇
      大红唇
      05-14回复社区技术运营专员-灵芝

      您好,该问题有答复了吗


      05-14
      回复
  • 田继业
    田继业
    08-01

    我也遇到这个问题

    08-01
    赞同
    回复 1
    • 大红唇
      大红唇
      09-05
      加padding好用
      09-05
      回复
  • 油条
    油条
    07-29

    在scroll-view上加个margin,或者外面加一层view设置padding可以绕开这个问题

    07-29
    赞同
    回复
  • 大红唇
    大红唇
    05-13

    您好,这个问题解决了吗~我也遇到了

    05-13
    赞同
    回复
  • 法昌👍
    法昌👍
    2018-08-29

    兄弟解决了吗?我也遇到这个问题了,现在正头疼呢

    2018-08-29
    赞同
    回复
  • 白开水
    白开水
    2018-08-03

    允许滚动,圆角也并没有失效。代码片段:wechatide://minicode/srGxUom97x1d

    2018-08-03
    赞同
    回复 1
    • yifzone
      yifzone
      2018-08-04

      特别注意只有在iOS真机上才有该问题!!!!!!

      模拟器和Android本来就是好的

      2018-08-04
      回复
  • 万达
    万达
    2018-07-30

    你这个问题没啥好办法,有的时候也可能是你这快布局有问题,flex布局 在ios上和安卓上就有差异,然后改改布局就好了,我碰到过ios上flex:1 无法适配高度,需要加一个100%属性就行了,安卓flex:1就可以适配高度。如果是在不支持没啥办法,只能接受,改布局吧。

    2018-07-30
    赞同
    回复 2
    • yifzone
      yifzone
      2018-07-30

      先感谢这位兄弟进来瞄一眼。首先,可以排除不是布局问题的,专门写了demo,很简单的代码也有问题,所以肯定是控件本身的bug。实在不支持也行啊,官方出来说一句也算有个交代,这一直提,一直没人答复,真是费劲。

      附上我demo用的布局代码,没加其他样式:

      <!--index.wxml-->

      <view class='view-bg' style='width:300rpx; height:300rpx; border-radius:150rpx'>

        <scroll-view class='scrollView' scroll-x='true' scroll-y='true'>

          <image src='./8.jpeg' ></image>

        </scroll-view>

      </view>

      2018-07-30
      回复
    • 万达
      万达
      2018-07-30回复yifzone

      我也是这个问题,官方给个回复,我和产品有个交代,要不好像是我没完成工作是的,一直让我优化。可以尝试每天发一次。官方解决问题也有选择性,我之前提交过一个cover-view不支持触摸,官方就明确给我答复,下个版本支持。有些问题还是挺有效率的,有些问题如果没回复,基本凉了。

      2018-07-30
      回复