uniapp自定义顶部导航栏

有没有好兄弟讲一下这种导航栏应该怎么做，这个顶部导航栏字体应该怎么设置

1.在pages.json中把navigationStyle设置为custom

2.使用uni.getSystemInfo api获取状态栏的高度

3.自定义导航栏样式，导航栏高度设置为statusBarHeight+导航栏本身的高度