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

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

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

JavaScript
1import React, { useEffect } from 'react';
2import { WebView } from 'react-native-webview';
3import * as ScreenOrientation from 'expo-screen-orientation';
4
5export const WebScreen = () => {
6
7  useEffect(() => {
8    changeScreenOrientation();
9  }, [])
10
11  async function changeScreenOrientation() {
12    await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.LANDSCAPE_LEFT);
13  }
14
15  return (
16    <WebView source={{ uri: 'https://google.com' }} />
17  );
18}

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

JavaScript
1import React from 'react';
2import { WebView } from 'react-native-webview';
3
4export const WebScreen = () => {
5  return (
6    <WebView source={{ uri: 'https://google.com' }}  style={{ transform: [{ rotate: '-90deg' }], }}/>
7  );
8}