朋友圈分享的小程序页面,点开自动加标题栏，页面适配

在实现微信小程序转发朋友圈功能时,当前页面可能会使用自定义标题栏(或不显示标题栏)

"style": {	
			"navigationStyle": "custom",
		}

但是在朋友圈点开分享的链接事,展示的页面会被遮挡

 这可能是因为微信分享到朋友圈时，会自动添加标题栏，并且标题栏的高度与自定义导航栏的高度不同，导致页面布局出现问题。

用户打开朋友圈分享的小程序，看到不是真正的小程序，而是原本页面的“单页模式”。

关于单页模式：

1. “单页模式”下，页面顶部固定有导航栏，标题显示为当前页面 JSON 配置的标题。底部固定有操作栏，点击操作栏的“前往小程序”可打开小程序的当前页面。顶部导航栏与底部操作栏均不支持自定义样式。
2. “单页模式”默认运行的是小程序页面内容，但由于页面固定有顶部导航栏与底部操作栏，很可能会影响小程序页面的布局。因此，请开发者特别注意适配“单页模式”的页面交互，以实现流畅完整的交互体验。（来自于微信官方描述）

通过设置navigationBarFit为 squeezed就可以解决这个问题：

"style": {
			"navigationStyle": "custom",
			"singlePage": {
				"navigationBarFit": "squeezed"
			}
		}

最终展示结果：