uniapp+view开发安卓APP,开发过程中一直都是在页面调试,没出现多大问题,直到打包成APK,真机调试时就遇到逆天的bug,只有用到up-list组件的地方,上下拖动时,页面就会有种弹动的奇怪现象(回弹),于是乎我想到了这些方案:
- list容器的高度在减小一点,这时测试的时候,一直关注list组件的问题,就在list容器了反复拖动,页面居然没有回弹,当时后面拖动其他页面的时候还是有回弹情况。
- touch拖动问题,那么就从全局样式解决,增加样式在.page
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
touch-action: none;
- 同样的,问题还是没有解决,在我百思不得其解的时候,终于找到了终结方案: 在pages.json中增加,globalStyle增加app-plus bounce:none
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"navigationStyle":"custom",
"app-plus":{
"bounce":"none"
}
},
这样就根本上解决安卓手机页面回弹问题了。