关于小程序页面适配iphonex~的问题

问题遇到的现象和发生背景

想要固定按钮在底部导航栏上面！！结果因为iphonex有个自适应的navbar高度变化，现在没办法很好把控bottom距离

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

在需要适配的页面内使用 css 常量 constant(safe-area-inset-bottom)、env(safe-area-inset-bottom) 来适配
为页面底部增加内边距：
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);

如有帮助，麻烦点个【采纳此答案】，谢谢啦