ウィジェットは携帯電話機の機種に応じて、独自のボトムナビゲーション距離を設定します。

必要:
iponeX以上の機種は、携帯の底にラジアンがあり、自分で書いたナビゲーションバーが隠れています。携帯の機種を判断し、互換性を設定してください。
解決:

//app.js
App({

 /**
  *           ，    onLaunch（       ）
  */
 onLaunch: function() {
  var that = this;
  //      
  wx.getSystemInfo({
   success(res) {
    const model = res.model;
    const modelInclude = ["iPhone X", 'iPhone XR', "iPhone XS", "iPhone XS MAX"];
    var flag = false;//  X    
    for (let i = 0; i < modelInclude.length;i ++){
     //       modelInclude     ,          model               
     if (model.indexOf(modelInclude[i]) != -1){
      flag = true
     }
    }
    if (flag) {
     that.BOTTOM_DISTANCE = 50;
    }
   }
  })
 },

 /**
  *       ，          ，    onShow
  */
 onShow: function(options) {

 },

 /**
  *            ，    onHide
  */
 onHide: function() {

 },

 /**
  *           ，   api      ，    onError        
  */
 onError: function(msg) {

 },

 BOTTOM_DISTANCE:0,//iponeX         
})

ページの詳細

const app = getApp();

Page({

 /**
  *        
  */
 data: {
  bottom: app.BOTTOM_DISTANCE// app    BOTTOM_DISTANCE      data,   xml   
 },

 /**
  *       --      
  */
 onLoad: function(options) {
 },
})

ナビゲーションの底のパッキング距離を設定すればいいです。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。