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 扫码示例 要在控制面板里允许屏幕自动旋转。

image

三、注意

对于不希望受屏幕宽度和 viewPortWidth 影响的尺寸，请使用 'wx' 单位。