Flutter flutter_inappwebview “onEnterFullscreen”

Question

Flutter flutter_inappwebview rotate to landscape when the user click the fullscreen video. In the documentation flutter_inappwebview says.

• onEnterFullscreen: Event fired when the current page has entered full screen mode.

• onExitFullscreen: Event fired when the current page has exited full screen mode.

   Container( height: globals.screenHeight * 0.25, color: Colors.white, child: Column(children: <Widget>[ Expanded( child: Container( margin: const EdgeInsets.all(0.0), decoration: BoxDecoration( border: Border.all(color: Colors.blueAccent)), child: InAppWebView( initialUrl: "http://URL/play.html?name=123456789", initialHeaders: {}, onWebViewCreated: (InAppWebViewController controller) { webView = controller; }, onEnterFullscreen: AutoOrientation.landscapeAutoMode(), onLoadStart: (InAppWebViewController controller, String url) { setState(() { this.url = url; }); }, onLoadStop: (InAppWebViewController controller, String url) async { setState(() { this.url = url; }); }, onProgressChanged: (InAppWebViewController controller, int progress) { setState(() { this.progress = progress / 100; }); }, ), ), ), ] ) ),

when the page load, the phone automatic landscape, and i received this error.

what i want is, when the user click the fullscreen, the video automatic landscape

Answer 1

The problem is that onEnterFullscreen is waiting for a (InAppViewController) => void but you are assigning the result of AutoOrientation.landscapeAutoMode() .

onEnterFullscreen: AutoOrientation.landscapeAutoMode(),

So, that function is evaluated each time that build method is called. That is the reason why you have those two weird behaviors:

• Landscape automatically on load
• Exception because types don't match

To solve that, you need to assign the callback in this way:

onEnterFullscreen: (controller) { AutoOrientation.landscapeAutoMode() },