有两种方式：通过公式：自定义导航栏高度 = 状态栏高度 + 胶囊按钮高度 + （胶囊按钮距离顶部 - 状态栏高度） * 2一、二、直接用 const {safeAreaInsets} = uni.getWindowInfo()+ 44（44是规定的）自定义导航栏里的内容padding-top = 胶囊按钮距离顶部的距离，这样能使自定义导航栏里的内容始终跟胶囊按钮对齐。

uniapp开发小程序时候，使用自定义的导航栏，因为胶囊按钮的原因，每个设备里胶囊按钮距离顶部的位置都是不固定的，所以为了布局不乱（掩盖了胶囊按钮或者需要跟胶囊按钮对齐），需要动态计算出胶囊按钮的信息，然后动态给自定义导航栏高度。

基于i18next不仅限于react，学一次就可以用在其它地方提供多种组件在hoc、hook和class的情况下进行国际化操作适合服务端的渲染历史悠久，始于2011年比大多数的前端框架都要年长因为历史悠久所以更成熟，目前还没有i18next解决不了的国际化问题有许多插件的支持，比如可以用插件检测当前系统的语言环境，从服务器或者文件系统加载翻译资源。

redux

参考链接：https://blog.csdn.net/weixin_68340504/article/details/144019029。去掉，要么改成"~"只更新小版本，重新下载依赖就好了。

React路由ReactRouter6V6路由新增了一些东西，也做了一些替换，路由配置上跟vue更加相似，值得一提的是，react官方提倡函数组件，所以这个例子将使用函数组件说明。第一步安装路由npm install react-router-dom将会自动安装V6版本的路由。首先还是分清导航区和路由组件展示区，整理好布局左边的为导航区，右边为路由组件展示区，所以在APP组件里依然是定义路由链接i