你当前创建的项目开启了Skyline渲染模式，因为Skyline渲染引擎不支持原生导航栏，所以原生导航栏不见了，文字就往上面去了。

你可以使用模板里面自带的自定义导航栏组件代替原生导航栏，内容写在scroll-view组件里面。

如果你想要变回以前那样，使用原生导航栏，可以将 app.json 文件里面的 "renderer": "skyline" 删掉（如果没有可忽略），如果文件里面还有配置 navigationStyle:'custom' 也要删掉，保存重新编译下就可以了。

原生导航栏默认是黑色的，参考文档配置下就好了。

全局配置：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window

页面配置：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html