Flutter 配置网络

最新推荐文章于 2024-08-08 15:30:00 发布

Luyifei666

最新推荐文章于 2024-08-08 15:30:00 发布

阅读量1.4k

点赞数 1

分类专栏： Flutter

本文链接：https://blog.csdn.net/qq_24531461/article/details/85488892

版权

本文介绍了在Flutter中配置网络依赖的过程，包括在pubspec.yaml中添加http包，正确导入并使用http库。同时，文章提到了http库的常用方法，并指出在进行网络请求时可能出现的错误及解决办法，如导入库错误和路径问题。最后，提供了相关资源链接以供深入学习。

摘要由CSDN通过智能技术生成

见图：

1，添加的依赖关系，在pubspec.yaml文件里

2，打开文件pubspec.yaml

在环境下的第一个依赖里里里写http：0.12.0，然后点击右上角的包得到，这样就会去下载http包

大约2秒就好了，这样的话我们的网络HTTP包就导入进来了，这样就可以访问网络了。

新建一个networkbackground.dart文件

导入以下代码

import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:async';
import 'dart:isolate';

void main() {
  runApp(SampleApp());
}

class SampleApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Sample App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: SampleAppPage(),
    );
  }
}

class SampleAppPage extends StatefulWidget {
  SampleAppPage({Key key}) : super(key: key);

  @override
  _SampleAppPageState createState() => _SampleAppPageState();
}

class _SampleAppPageState extends State<SampleAppPage> {
  List widgets = [];

  @override
  void initState() {
    super.initState();
    loadData();
  }

  showLoadingDialog() {
    if (widgets.length == 0) {
      return true;
    }

    return false;
  }

  getBody() {
    if (showLoadingDialog()) {
      return getProgressDialog();
    } else {
      return getListView();
    }
  }

  getProgressDialog() {
    return Center(child: CircularProgressIndicator());
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("Sample App"),
        ),
        body: getBody());
  }

  ListView getListView() => ListView.builder(
      itemCount: widgets.length,
      itemBuilder: (BuildContext c