Flutter Android WebView集成插件flutterflow_android_webview的使用

Gellért Tóth 提供了一个用于 FlutterFlow 的 Android WebView 插件。

无需使用此库，您可以使用其他方法。我的示例：在这里

完整示例 Demo

以下是一个完整的示例，展示了如何在 Flutter 应用中集成 flutterflow_android_webview 插件。

示例代码

// 文件路径: example/lib/main.dart
import 'package:flutter/material.dart';
import 'dart:async';

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

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = '未知';
  final _flutterflowAndroidWebviewPlugin = FlutterflowAndroidWebview();

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 异步方法初始化平台状态
  Future<void> initPlatformState() async {
    String platformVersion;
    // 可能会失败，所以我们使用 try/catch 处理 PlatformException。
    // 我们还处理消息可能返回 null 的情况。
    try {
      platformVersion = await _flutterflowAndroidWebviewPlugin.getPlatformVersion() ?? '未知平台版本';
    } on PlatformException {
      platformVersion = '获取平台版本失败。';
    }

    // 如果小部件从树中移除而异步平台消息正在飞行，则我们想要丢弃回复而不是调用 setState 来更新我们的不存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Text('运行于: $_platformVersion\n'),
        ),
      ),
    );
  }
}

说明

1. 导入必要的包：

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

2. 定义主应用类：

   class MyApp extends StatefulWidget {
     const MyApp({super.key});
   
     [@override](/user/override)
     State<MyApp> createState() => _MyAppState();
   }
   

3. 初始化状态并获取平台版本：

   class _MyAppState extends State<MyApp> {
     String _platformVersion = '未知';
     final _flutterflowAndroidWebviewPlugin = FlutterflowAndroidWebview();
   
     [@override](/user/override)
     void initState() {
       super.initState();
       initPlatformState();
     }
   
     Future<void> initPlatformState() async {
       String platformVersion;
       try {
         platformVersion = await _flutterflowAndroidWebviewPlugin.getPlatformVersion() ?? '未知平台版本';
       } on PlatformException {
         platformVersion = '获取平台版本失败。';
       }
   
       if (!mounted) return;
   
       setState(() {
         _platformVersion = platformVersion;
       });
     }
   

4. 构建应用界面：

   [@override](/user/override)
   Widget build(BuildContext context) {
     return MaterialApp(
       home: Scaffold(
         appBar: AppBar(
           title: const Text('插件示例应用'),
         ),
         body: Center(
           child: Text('运行于: $_platformVersion\n'),
         ),
       ),
     );
   }
   

通过上述步骤，您可以成功集成 flutterflow_android_webview 插件到您的 Flutter 应用中，并显示 WebView 的平台版本信息。