iou90 / react-native-autoheight-webview

An auto height webview for React Native
ISC License
492 stars 162 forks source link

Android scaling problem #249

Open segicm opened 1 year ago

segicm commented 1 year ago

Bug description: Hi, first of all, thanks for the package it works pretty well! I have a problem with the Android devices, where my pages get cut off the screen (See the screenshots). On iOS it works perfectly. I am creating an email client app and I am rendering email bodies. You can find the email example on the provided gist link.

To Reproduce:

<AutoHeightWebView
      style={{
        width: deviceWidth,
      }}
      source={{
        html: emailBody
      }}
      viewportContent="width=device-width, user-scalable=yes"
      scalesPageToFit
    />

Source (static HTML or url): https://gist.github.com/segicm/bb8d07ecef0becf98929d332d3999461

Expected behavior: To scale the content to fit the screen.

Screenshots/Videos: Android Device: Screenshot_1667740520 iOS Device: Simulator Screen Shot - iPhone 12 Pro - 2022-11-06 at 14 16 27

Environment:

tdammy92 commented 1 year ago

hi @segicm did you find a fix to this ??. i also have issues, sometimes it doesn't detect the accurate height of the mail !.

kriit24 commented 10 months ago

I have also have issues. it does not detect height at all