小程序开发问题--模拟器内容显示在左上角

问题

页面中写的内容展示在模拟器左上角，并且在json文件中设置的导航栏失效，具体效果如下：

代码：

//index.wxml
<view>index页面</view>

//index.json
{
  "navigationBarTitleText":"首页",
  "navigationBarBackgroundColor": "#eee",
  "usingComponents": {
   
  }
}

解决方案

出现这种现象的原因是项目默认开启了Skyline渲染模式，因为Skyline渲染模式不支持原生导航栏，所以在json文件中设置的导航栏失效，文字就会向上移动，如果想要使用原生的导航栏，可以将app.json文件中的下图所展示的两个内容去掉，保存后重新编译即可。

修改后效果图：