Weex 使用场景
一、不可旋转屏幕的应用
如果应用不支持屏幕旋转,你可以不用关心以上问题。当 Weex 启动时,会自动获取当前屏幕宽度作为全局宽度,所有之后创建的 Weex 页面都会使用该宽度。
二、某个特殊页面支持横竖屏切换
1、设置页面保留原始 CSS 样式值 2、当屏幕旋转完成后,调用以下接口设置新的屏幕尺寸,并重新排版
- iOS:
CGFloat w = [UIScreen mainScreen].bounds.size.width;
CGFloat h = [UIScreen mainScreen].bounds.size.height;
[_instance setPageRequiredWidth:w height:h];
[_instance reloadLayout];
- Android:
instance.resetDeviceDisplayOfPage();
instance.reloadPageLayout();
你可以使用最新 Playground 扫码示例 要在控制面板里允许屏幕自动旋转。
三、注意
对于不希望受屏幕宽度和 viewPortWidth 影响的尺寸,请使用 'wx' 单位。