React ios移动端处理安全区

1.替换项目里public目录下index.html的meta标签

 <meta name="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui,viewport-fit=cover"/>

2.在项目src目录下的App.css中加入：

body {
  /*适配苹果底部白条*/
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-left: env(safe-area-inset-left);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

这样就处理了ios底部安全区的问题