小白自学编程之路:uniapp设置好TabBar,在编辑器中把各个页面输入一些简单的文本内容后保存显示编译成功后,在小程序模拟器中点击其他TabBar无法显示看见在页面的编辑的文本内容。
因为没有报错,没有提示;自己找了好久,都没有发现原因。也在网上搜了好多文章,也没有找到解决方法。
由于我一直都是在HBuilder开发者编辑器与抖音和微信开发者工具中(模拟器)来回的找原因,让自己一直处于死胡同中。
第二天也找了几个小时,还是没有找到原因;突然我就想到了真机测试,在手机上一测试发现手机上是正常的。接着我就找到代码是对的,肯定是在开发者工具或模拟器中的哪个地方我没有注意到。
仔细寻找一番后,终于发现了问题的所在。
因为:我在抖音和微信开发者工具中的模拟器设置的是iphone6,它的在模拟器中的屏幕高度不会完全显示出来;设置的TabBar不会直接在模拟器的底部显示出来,需要在模拟器中下拉一些才能看见TabBar。
在你拉倒底部的TabBar时再点击需要TabBar页面时;由于文本内容是在顶部往下显示的,当你的文本内容比较少时没有超出隐藏的区域(虽然文本内容是在模拟器中显示出来的,但是没有超出模拟器显示区域,所以会误以为没有显示成功)。
解决方案:
1,把模拟器的机型选择小一型号的,就可以直接看见;
2,鼠标放在模拟器旁边的黑色区域,滚动鼠标的滚动按钮,就可以看见全部页面的展示信息;
3,可以每次用点击真机测试,查看页面信息;
4,在开发者工具中上方点击~普通编译~添加编译模式~把你想要的页面设置一下。代码改变保存后直接显示的就是你在添加编译模式时设置的页面。