Flutter插件visit_flutter_sdk的使用方法详解

最新版本 1.0.6

一个Flutter插件，它提供了WebView访问权限，包括位置访问、文件读写等。

开始使用Flutter插件visit_flutter_sdk

这个插件允许你在Flutter应用中轻松嵌入WebView，并管理位置访问和文件操作的权限。

Flutter插件visit_flutter_sdk的安装

在pubspec.yaml文件中添加以下依赖项：

dependencies:
  flutter:
    sdk: flutter
  visit_flutter_sdk: ^1.0.5

iOS设置

打开ios/Runner/Info.plist文件，添加以下权限：

<key>NSAppTransportSecurity</key>
<dict>
	<key>NSAllowsArbitraryLoads</key>
	<true/>
</dict>
<key>NSPhotoLibraryUsageDescription</key>
<string>我们需要访问您的照片库以上传图片。</string>
<key>NSCameraUsageDescription</key>
<string>我们需要访问您的摄像头以扫描二维码。</string>
<key>NSLocationWhenInUseUsageDescription</key>
<string>本应用在使用时需要访问您的位置。</string>
<key>NSLocationAlwaysUsageDescription</key>
<string>即使不在使用时，本应用也需要访问您的位置。</string>
<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
<string>您的消息解释为什么应用需要位置访问权限。</string>

<key>LSApplicationQueriesSchemes</key>
<array>
	<string>tel</string>
</array>

Android设置

1. 在AndroidManifest.xml中添加这些权限：

    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.INTERNET" />
    
    <queries>
        <intent>
            <action android:name="android.intent.action.VIEW" />
            <data android:scheme="tel" />
        </intent>
    </queries>

1. 如果还没有添加，添加这个File Provider：

<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>

示例代码

example/lib/main.dart

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:visit_flutter_sdk/visit_flutter_sdk.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: UrlInputScreen(),
    );
  }
}

// 第一屏：URL输入和按钮导航
class UrlInputScreen extends StatefulWidget {
  const UrlInputScreen({super.key});

  [@override](/user/override)
  _UrlInputScreenState createState() => _UrlInputScreenState();
}

class _UrlInputScreenState extends State<UrlInputScreen> {
  final TextEditingController _urlController = TextEditingController();

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("输入SSO URL"),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _urlController,
              decoration: const InputDecoration(
                labelText: "输入SSO URL",
                border: OutlineInputBorder(),
              ),
              maxLines: null,
            ),
            const SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                // 获取文本框中的URL并导航到下一页
                String url = _urlController.text;
                if (url.isNotEmpty) {
                  Navigator.push(
                    context,
                    MaterialPageRoute(
                      builder: (context) => VisitFlutterSdkScreen(ssoUrl: url),
                    ),
                  );
                } else {
                  // 显示警告，如果URL为空
                  ScaffoldMessenger.of(context).showSnackBar(
                    const SnackBar(
                      content: Text('请输入URL'),
                    ),
                  );
                }
              },
              child: const Text("打开"),
            ),
          ],
        ),
      ),
    );
  }
}

// 第二屏：VisitFlutterSdk
class VisitFlutterSdkScreen extends StatelessWidget {
  final String ssoUrl;

  const VisitFlutterSdkScreen({super.key, required this.ssoUrl});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: VisitFlutterSdk(
        ssoUrl: ssoUrl,
        isLoggingEnabled: true,
      ),
    );
  }
}