flutter_inappwebview超长富文本 Android crash问题记录

文章讲述了在使用Flutter的inappwebview组件展示富文本内容时遇到的APP崩溃问题,特别是在小米6和华为手机上。原因是富文本内容过长超出webview的限制。作者通过限制webview的高度为屏幕高度,并监听滑动来调整webview的偏移量,解决了这个问题。解决方案包括对HTML内容分段传输和加载,以及调整Flutter页面布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求

 原生支持富文本编辑,能插入图文视频,支持预览

问题

flutter inappwebview嵌入后由于富文本过长导致app crash

原本实现方案

使用webview + 本地html 实现富文本编辑,预览使用flutter加载webview动态注入富文本内容

Android: https://github.com/wasabeef/richeditor-android

iOS:https://github.com/cjwirth/RichEditorView

预览(flutter):https://github.com/pichillilorenzo/flutter_inappwebview/tree/master/example

富文本生成

编辑的过程,主要通过模版html指定 <div class="editor"></div> 设置可编辑,插入图片时,通过

eva

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值