求助关于flutter_webview_plugin的自适应屏幕问题

最新推荐文章于 2024-07-28 16:25:40 发布
最新推荐文章于 2024-07-28 16:25:40 发布
阅读量5k 收藏
点赞数
文章标签： Flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38318164/article/details/90265270
版权
在使用flutter_webview_plugin时遇到屏幕自适应问题，尝试通过修改插件源码设置bool useWideViewPort，但效果未如预期。在小米设备及Android 9.0原生模拟器上，WebView仍无法正确自适应。寻求社区大神的帮助。
摘要由CSDN通过智能技术生成

使用如下代码

 

 

return Scaffold(
      appBar: AppBar(
        title: new Text(widget.title),
        bottom: new PreferredSize(
            preferredSize: const Size.fromHeight(1.0),
            child: isLoad
                ? new LinearProgressIndicator()
                : new Divider(
              height: 0.5,
              color: Theme.of(context).primaryColor,
            )),
      ),
      body: SafeArea(
        child: WebviewScaffold(
          url: widget.url,
          withZoom: true,
          withLocalStorage: true,
          withJavascript: true,
        ),
        bottom: true,
        left: true,
        right: true,
        top: true,
      )
    );

得到效果:

很显然,缺少自适应效果,也就相当于Android WebView中的 setting.setUseWideViewPort(true); 虽然WebviewScaffold往里面是WebView,不过参数中并没有setUseWideVi

最低0.47元/天 解锁文章
qq_1183829681
关注
Flutter屏幕适配的三种方案
金戈鐡馬
03-05 4411
做移动端开发的同学都知道，针对不同型号和尺寸的手机要进行页面的适配，且 iOS 和 Android 适配方案各不相同，那我们用 Flutter 开发要怎么处理屏幕适配呢？Flutter使用的是类似于iOS中的点pt，也就是point。我们经常说 iPhone8 的尺寸是375x667，但是它的分辨率其实是 750x1334 。因为iPhone8的像素比（devicePixelRatio）是2.0，iPhone8plus的像素比是3.0。
flutter 与WebView相关的需求整理（推荐）
智玲君
03-16 945
前言 在一款app的开发中，或多或少都离不开要加载H5页面，例如隐私政策，服务协议等页面的加载，或是HTML类型的富文本数据的显示，并且当富文本之中存在超链接的时候，默认情况下点击会跳转打开对应的外部网页，但有时我们并不想在用户点击时显示超链接对应的web页面，而是拦截跳转，打开app内指定的某个页面，又或者是app中新推出一项活动时，先跳转到某个活动的H5页面，然后当用户在H5页面点击了某个按钮后，又打开app内的某个页面，即涉及到H5和Flutter之间的交互，基于以上这些常见的需求，本篇文章将系统的讲
Flutter中举步维艰的WebView，终于实现了加载本地html
Marshon的专栏
04-04 1万+
1、需求背景 实现一个不全屏的，支持加载本地html资源的webview 2、结论先行 选用了官方的webview_flutter。总结了下实践的过程，分析几个插件有如下特点： flutter_inappwebview: 问题: 1.键盘有时候收不起来. 2.文本框不响应文字输入 3.部分Android机型上,js->flutter 不通.分析查看是native层的js接口没...
flutter 使用webview_flutter 运行在android设备上报错：Unhandled Exception: PlatformException(channel-error, Unab
最新发布
ruizhenggang的博客
07-28 524
2. flutter插件代码有误：查看webview_flutter api调用，甚至把自己的逻辑代码注释掉，用官方给的example尝试。官方说是为了更好地支持将 Flutter 添加到现有项目的执行环境，托管 Flutter 运行时的旧版 Android 平台端包装器位于。我运行的是android手机，所以应该是android平台与flutter的channel通信没有建立。没事一定要看官方文档啊！查看自己的代码出错在哪一行：检查发现并没有报编写的代码错误的堆栈信息。官方说的第一条就是这个问题！
Flutter之WebView加载html字符串及高度自适应
m0_69656288的博客
05-29 1316
插件来加载HTML字符串，并实现WebView的高度自适应。在这个示例中，我们将HTML字符串转换为数据URL，并将其作为WebView的初始URL。希望这些示例代码能帮助你实现WebView加载HTML字符串和高度自适应的功能！现在，我们来看一下如何实现WebView的高度自适应。插件将HTML字符串转换为Flutter小部件，然后使用。参数来设置初始状态的WebView高度。小部件来获取父级约束。在Flutter中，你可以使用。参数指定数据的MIME类型，在这个示例中，我们使用。小部件，并在其中使用。
java web内部通讯插件_Flutter webview插件的使用（插件名flutter_webview_plugin）
weixin_39950081的博客
03-04 700
Flutter webview插件是用来在APP内部加载网页的，它跟Flutter url_launcher插件的不同之处在于：前者只是在app内部打开web网页，而url_launcher则是调用手机默认的功能做事情，例如调用默认的浏览器打开web网页(跳出app了)，调用默认的拨号功能打电话，调用手机发邮件功能给某个邮箱发邮件等，后者功能更多一点。Flutter webview插件的全称为fl...
设置Webview的页面缩放大小
热门推荐
谢栋的专栏
10-24 1万+
之所以要把这个简单的WebView拿出来单独写除了简单的webview加载页面缩放的设置还是因为在此Fragment中有个小细节需要单独说下 是这样的，此Fragment依托于上层Activity，上层Activity继承自ActionBarActivity，并且在activity中应用ToolBar，在Activity上ToolBar上跟跳转到Fragment要显示的 标题不一样，里面涉及到
Flutter webView 页面自适应高度
05-30
要实现 Flutter WebView 页面自适应高度，可以使用 flutter_webview_plugin 插件。该插件提供了一个 onStateChanged 回调函数，可以监听 WebView 页面的状态改变。当页面加载完成后，可以获取 WebView 页面的高度，...
Freadhub终于升级Flutter2
m0_67595789的博客
04-27 928
其它小优化 1、全局增大圆角效果原先的6增大到12-包括AlertDialog、更多信息Dialog、底部ModalBottomSheet、卡片圆角线及Card、选择主题Button圆角 2、优化选择主题方式-将原来的折叠形式改为底部弹出ModalBottomSheet模式 3、修改toast组件oktoast为bot_toast，并修改ToastUtitl默认使用悬浮通知卡片模式 4、去除文本段前段后的空白字符，优化显示更多资讯逻辑。 5、资讯详情页增加底部分享FloatingActionButton，方
flutter 屏幕尺寸适配和字体大小适配的实现
08-25
主要介绍了flutter 屏幕尺寸适配和字体大小适配的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Github TOP100 Android开源，flutter与android混合开发
wq221aas的博客
01-17 371
| 15. MPAndroidChart | MPAndroidChart 是一款强大的 Android 图表库, 支持各种各样图表显示, 能想到的图表样式这里几乎都有, 图表还支持选择, 拖放和缩放动画效果 | | 16. ActionBarSherlock (不建议使用) | ActionBarSherlock 这个库是 JakeWharton 大神开发出来支持 Android3.0 以下版本的, 后来慢慢的 Google 也提供了 AppCompat 库来支持 Android3.0
Flutter屏幕适配
闪亮的大早的博客
10-22 2559
的物理像素 ，有的也叫分辨率 是 750x1334 ，这个指的是像素pixel，单位是px,UI设计出的图，单位就可能是px值。地址：https://github.com/OpenFlutter/flutter_screenutil。没有传入单位，此时其实用的是单位是pt，也就是point，点的概念。的 devicePixelRatio 等于2，这是怎么来的呢？在Flutter中可以通过 window 来获取。点事抽象的单位，它们只在逻辑坐标系上有意义。在刚开始，所有的图形位置都由坐标点指定。
Flutter——自适应设计
FranzLiszt的博客
11-08 1822
通过`LayoutBuilder`组件构造两个布局，通过获取当前屏幕宽度大小，如果小于限定值则采用窄布局，反之，采用宽布局
Flutter web响应式布局
yang_6799的博客
12-08 830
flutter web页面的适配布局
Flutter 适配移动端和web不同尺寸
路漫漫其修远
11-30 839
用到的库 这款开源的库,可以实现不同屏幕尺寸的适配.responsive_builder 使用方法 1. pubspec.yaml引入库 responsive_builder: ^0.3.0 2. 代码引用 import 'package:responsive_builder/responsive_builder.dart'; 3. 像使用普通控件一样,使用如下代码: ``` ResponsiveBuilder( builder: (context, sizing
一个Flutter widget自动适配不同UI到Web、Android
m0_46622598的博客
03-22 1552
上图 不是dp适配 对的，不是对dp的适配，而是在不同的分变率，改变布局的方式。大的屏幕肯定是要合理利用空间，这样布局紧凑，不浪费空间，小的屏幕又不能让大的组件等比压缩，这样不光会变丑，还会变的更难触及，既然Flutter对web的支持，那么肯定要支持不同分辨率，适配不同布局吧，就像我们Android开发，在针对Pad的时候做一个单独的xml布局来适配一样。 实现原理 原理很简单，就是在屏幕宽...
Flutter webview加载视频无法全屏
muscle_sunny的博客
04-17 2445
Flutter webview加载视频无法播放 先上个github的链接吧：https://github.com/flutter/flutter/issues/27101#issuecomment-561316755 大体的顺序就是： 1、首先依赖flutter_inappwebview，（pub地址：https://pub.dev/packages/flutter_inappwebview）。 2、接下来使用时分为两种情况： （1）使用项目目录中的html： child: InAppWebView( in
flutter_screenutil 如何自适应
06-05
import 'package:flutter_screenutil/flutter_screenutil.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // 初始化 ...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值