ExpoでTabバーはそのままでWebViewだけを横回転させたい

Question

React Native（Expo）でreact-navigationのbottom-tabsを使ったアプリを作っており、1つのタブ内でWebViewを表示するのですが、
その際、タブビューの位置はそのままで、WebViewだけを回転させたいと思い、次の2つを試してみましたが、どうもうまくいきそうになく…どんな方法があるでしょうか？

1.端末をLandScapeで表示する。
→当然ですがタブの位置は変わってしまいます。

import React, { useEffect } from 'react';
import { WebView } from 'react-native-webview';
import * as ScreenOrientation from 'expo-screen-orientation';

export const WebScreen = () => {

  useEffect(() => {
    changeScreenOrientation();
  }, [])

  async function changeScreenOrientation() {
    await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.LANDSCAPE_LEFT);
  }

  return (
    <WebView source={{ uri: 'https://google.com' }} />
  );
}

2.WebViewにtransformを指定して横向きにする
→WebViewが細くなってしまう。フルスクリーンにしたい。

import React from 'react';
import { WebView } from 'react-native-webview';

export const WebScreen = () => {
  return (
    <WebView source={{ uri: 'https://google.com' }}  style={{ transform: [{ rotate: '-90deg' }], }}/>
  );
}