fk_webview 2.1.0 
fk_webview: ^2.1.0 copied to clipboard
Published 2 years ago • 
toutao.cloud
toutao.cloudA new Flutter WebView package.
fk_webview #
基于 flutter_inappwebview 的二次封装
使用 #
🔩 安装
在 pubspec.yaml 添加依赖
dependencies:
fk_webview: <last_version>
⚙️ 配置
iOS
要支持HTTP请求：您需要禁用Apple Transport Security（ATS）功能。有两种选择：
- 仅针对特定域禁用ATS( Official wiki )：（将以下代码添加到您的Info.plist文件中）
<key>NSAppTransportSecurity</key>
<dict>
<key>NSExceptionDomains</key>
<dict>
<key>www.yourserver.com</key>
<dict>
<!-- add this key to enable subdomains such as sub.yourserver.com -->
<key>NSIncludesSubdomains</key>
<true/>
<!-- add this key to allow standard HTTP requests, thus negating the ATS -->
<key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
<true/>
<!-- add this key to specify the minimum TLS version to accept -->
<key>NSTemporaryExceptionMinimumTLSVersion</key>
<string>TLSv1.1</string>
</dict>
</dict>
</dict>
- 完全禁用ATS( Official wiki )：（在您的Info.plist文件中添加以下代码）
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key><true/>
</dict>
其他 Info.plist 属性：
NSAllowsLocalNetworking: 设置为true以支持加载本地网络资源 (Official wiki)NSAllowsArbitraryLoadsInWebContent: 针对从webview发出的网络请求 (Official wiki)
Android
支持http网络 官方文档
要支持所有的http请求, 需要在 res/xml/network_security_config.xml 配置如下代码:
<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
<base-config cleartextTrafficPermitted="true">
<trust-anchors>
<certificates src="system" />
</trust-anchors>
</base-config>
</network-security-config>
然后打开 AndroidManifest.xml , 根据如下代码进行配置：
<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
<application android:networkSecurityConfig="@xml/network_security_config"
... >
...
</application>
</manifest>
在 Android 端, 如果需要支持 <input type="file" accept="image/*" capture> HTML标签, 则需在 android/app/src/main/AndroidManifest.xml 文件的 <application> 标签中配置如下：
<provider
android:name="com.pichillilorenzo.flutter_inappwebview.InAppWebViewFileProvider"
android:authorities="${applicationId}.flutter_inappwebview.fileprovider"
android:exported="false"
android:grantUriPermissions="true">
<meta-data
android:name="android.support.FILE_PROVIDER_PATHS"
android:resource="@xml/provider_paths" />
</provider>
更多其他的配置, 请参考 flutter_inappwebview
🔨 使用
import 'package:fk_webview/fk_webview.dart';
初始化 FkWebView
FKWebView(
initialUrl: 'yoururl',
initialData: '<html><body><h1>test</h1></body></html>',
initialFile: 'assets/html/index.html', config: FKWebViewConfig());
FKWebViewConfig
...
Changelog #
Refer to the Changelog to get all release notes.
Metadata
2
likes
65
pub points
15%
popularity
Publisher
Metadata
A new Flutter WebView package.
Documentation
License
MIT (license)
Dependencies
connectivity, fk_action_sheet, flutter, flutter_inappwebview, rx_event_bus, url_launcher
