收藏
回答

如何给已有小程序的兼容iphoneX等全面屏系列底部.

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 需求 客户端 all all

- 需求的场景描述(希望解决的问题)

已有小程序一枚.

已知iPhoneX系列底部有透明背景黑条.

页面底部会因为黑条无法点击到.


- 希望提供的能力

1.类似安全区域safeArea的功能,以后就不用频繁改代码了.

2.app.wxss提供可以修改的方法.获取一个底部高度后,给page设置距离底部xxxx个rpx.避开黑条

3.其他你能想到的方式


最后一次编辑于  2018-11-22
回答关注问题邀请回答
收藏

3 个回答

  • 宫冬洋
    宫冬洋
    01-11

    楼主解决了吗,我也遇到这个问题了,求指点

    01-11
    赞同
    回复 1
    • 来一间
      来一间
      02-19

      同问,一直在等这个

      02-19
      回复
  • 怀着梦想家
    怀着梦想家
    2018-12-06

    安卓的全面屏貌似不用?因为我手机就是全面屏,看着还行,


    但是苹果端的全面屏无法适配啊,除非一个一个页面加

    2018-12-06
    赞同
    回复
  • Wang
    Wang
    2018-11-22

    没有遇到

    2018-11-22
    赞同
    回复 2
    • 怀着梦想家
      怀着梦想家
      2018-11-22

      你可以拿iphoneX真机试试,如果页面的内容超出一屏开始滚动的话

      最下面的部分会被iphoneX的黑条挡住.


      目前好像只能两种方式

      一种每个页面判断,给page加一个padding-bottom

      一种写一个组件,包住整个页面,每个页面都使用这个组件.组件内判断是不是iphoneX系列

      2018-11-22
      回复
    • 偷得浮生半日闲
      偷得浮生半日闲
      2018-12-01回复怀着梦想家

      楼主有什么其他解决方案吗,安卓全面屏不需要适配吗

      2018-12-01
      回复