一、不可旋轉(zhuǎn)屏幕的應(yīng)用

如果應(yīng)用不支持屏幕旋轉(zhuǎn)，你可以不用關(guān)心以上問題。當(dāng) Weex 啟動(dòng)時(shí)，會(huì)自動(dòng)獲取當(dāng)前屏幕寬度作為全局寬度，所有之后創(chuàng)建的 Weex 頁面都會(huì)使用該寬度。

二、某個(gè)特殊頁面支持橫豎屏切換

1、設(shè)置頁面保留原始 CSS 樣式值 2、當(dāng)屏幕旋轉(zhuǎn)完成后，調(diào)用以下接口設(shè)置新的屏幕尺寸，并重新排版

• 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 掃碼示例 要在控制面板里允許屏幕自動(dòng)旋轉(zhuǎn)。

image

三、注意

對于不希望受屏幕寬度和 viewPortWidth 影響的尺寸，請使用 'wx' 單位。