pichillilorenzo / flutter_inappwebview

A Flutter plugin that allows you to add an inline webview, to use a headless webview, and to open an in-app browser window.
https://inappwebview.dev
Apache License 2.0
3.3k stars 1.63k forks source link

[iOS] WebPage is not resized properly when used inside Scaffold, Also sometimes stops the user from scrolling when keyboard is open #2049

Closed prateekrk closed 1 week ago

prateekrk commented 8 months ago

Environment

Technology Version
Flutter version Flutter 3.3.10
Plugin version ^5.8.0
Android version -
iOS version 17.2
macOS version -
Xcode version 15.2
Google Chrome version -

Device information: Apple iPhone 15 Pro

Description

**Expected behavior: Screen should resize considering the keyboard length, And Scrolls should not be disabled

**Current behaviour: Screen is resized to wierd coordinates, and also stops user from scrolling

Steps to reproduce

Sample Code import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:flutter_inappwebview/flutter_inappwebview.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: Scaffold(body: LandingPage(title: "Landing Page"))); } } class LandingPage extends StatefulWidget { const LandingPage({super.key, required this.title}); final String title; @override State createState() => _LandingPage(); } class _LandingPage extends State { double _pageProgressValue = 0; InAppWebViewController? inAppWebViewController; InAppWebViewGroupOptions settings = InAppWebViewGroupOptions( crossPlatform: InAppWebViewOptions( useShouldOverrideUrlLoading: true, mediaPlaybackRequiresUserGesture: false, ), android: AndroidInAppWebViewOptions( useHybridComposition: true, ), ios: IOSInAppWebViewOptions( allowsInlineMediaPlayback: true, )); @override Widget build(BuildContext context) { return Stack(children: [ InAppWebView( shouldOverrideUrlLoading: ((controller, navigationAction) async { var request = navigationAction.request.url.toString(); setState(() { request; }); return NavigationActionPolicy.ALLOW; }), initialUrlRequest: URLRequest(url: Uri.tryParse("https://gmail.com")), initialOptions: settings, onWebViewCreated: (controller) => inAppWebViewController = controller, onProgressChanged: ((controller, progress) { if (mounted) { setState(() { _pageProgressValue = progress / 100; }); } }), onLoadStop: (controller, url) {}), SizedBox( height: _pageProgressValue < 1.0 ? 2 : 0, child: LinearProgressIndicator( backgroundColor: Colors.white, color: Colors.blue, value: _pageProgressValue, semanticsLabel: 'Linear progress indicator', ), ), ]); } }
  1. Have two text fields
  2. Enter details in the first field
  3. Go to the second field, keep switching

Images

https://github.com/pichillilorenzo/flutter_inappwebview/assets/35128534/128ad55c-7cfb-436f-8746-39eff52cc2ec

github-actions[bot] commented 8 months ago

👋 @prateekrk

NOTE: This comment is auto-generated.

Are you sure you have already searched for the same problem?

Some people open new issues but they didn't search for something similar or for the same issue. Please, search for it using the GitHub issue search box or on the official inappwebview.dev website, or, also, using Google, StackOverflow, etc. before posting a new one. You may already find an answer to your problem!

If this is really a new issue, then thank you for raising it. I will investigate it and get back to you as soon as possible. Please, make sure you have given me as much context as possible! Also, if you didn't already, post a code example that can replicate this issue.

In the meantime, you can already search for some possible solutions online! Because this plugin uses native WebView, you can search online for the same issue adding android WebView [MY ERROR HERE] or ios WKWebView [MY ERROR HERE] keywords.

Following these steps can save you, me, and other people a lot of time, thanks!

Thembelani-M commented 6 months ago

We're also experiencing this exact issue @prateekrk were you able to find a workaround ...?

adamk22 commented 3 months ago

Ran into the same issue here on a page with multiple input fields. In my case its a screen for filling in 2 factor auth codes. I think this issue is related: https://github.com/pichillilorenzo/flutter_inappwebview/issues/2050

/Edit This comment helped me fix it for me: https://github.com/pichillilorenzo/flutter_inappwebview/issues/1947#issuecomment-1874038354

pichillilorenzo commented 1 week ago

Check https://github.com/pichillilorenzo/flutter_inappwebview/issues/1947#issuecomment-2471147587