khamidjon-khamidov / flutter_telegram_web_app

MIT License
29 stars 23 forks source link

Closing app #1

Closed mrleesin closed 6 months ago

mrleesin commented 6 months ago

How can I make scrolling down a ListView type not close the application?

mrleesin commented 6 months ago

solved https://github.com/flutter/flutter/issues/77883#issuecomment-1996986904

khamidjon-khamidov commented 6 months ago

@mrleesin Thanks). I had similar issue

khamidjon-khamidov commented 5 months ago

For anyone having similar issue. This sample html shows how to fix the problem. Ref -> https://github.com/flutter/flutter/issues/77883#issuecomment-1996986904

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      height: 10000vh !important;
      position: static !important;
      overscroll-behavior: none;
    }

    flutter-view {
      position: fixed !important;
      max-width: 100vw !important;
      max-height: 100vh !important;
    }
  </style>
   <base href="$FLUTTER_BASE_HREF">

  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="RaqamliDokon" content="Telegramda Online Raqamli Do'kon">

  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="RaqamliDokon">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="favicon.png"/>

  <title>RaqamliDokon</title>
  <link rel="manifest" href="manifest.json">
</head>
<body>
<script src="flutter_bootstrap.js" async></script>
<script src="https://telegram.org/js/telegram-web-app.js" defer=""></script>
<script src="https://unpkg.com/pica/dist/pica.min.js" ></script>
<script>window.scroll(0, window.document.body.scrollHeight);</script>
</body>
</html>