使用Flutter WebView组件flutter_inappwebview加载远程

本文介绍如何处理在使用flutter_inappwebview时遇到的minSdkVersion错误,重点讲解了将minSdkVersion值从16调整为19以满足库声明的最低要求。通过实例代码和解决方案,帮助开发者理解和解决此类问题。
摘要由CSDN通过智能技术生成

【提示】minSdkVersion相关错误解决方法

注意 :如果提示 minSdkVersion 16 cannot be smaller than version 19 declared in library 请把
minSdkVersion 的值改为 19

 



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

class HtmlDemo extends StatefulWidget {
  const HtmlDemo({Key? key}) : super(key: key);

  @override
  State<HtmlDemo> createState() => _HtmlDemoState();
}

class _HtmlDemoState extends State<HtmlDemo> {
  bool _flag = true;
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    
  }
  // 加载中的圆圈
  Widget _getMoreWidget(){
    return Center(
      child: Padding(
        padding: EdgeInsets.all(10.0),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Text(
              "加载中...",
              style: TextStyle(
                fontSize: 16.0
              ),
            ),
            CircularProgressIndicator(
              strokeWidth: 1.0,
            )
          ],
        ),
        ),
    );
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("flutter_inappwebview"),
      ),
      body: Column(
          children: [
            this._flag ? _getMoreWidget(): Text(""),
            Expanded(
              child: InAppWebView(
                initialUrlRequest: URLRequest(url: Uri.parse("https://www.phonegap100.com/newscontent.php?aid=507")),
                onProgressChanged: (InAppWebViewController controller,int progress){
                  print(progress /100);

                  if(progress /100 > 0.9999){
                    setState(() {
                      this._flag = false;
                    });
                  }
                },
              )
            )
          ],
      ),
    );
    
  }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值