Problem in making http.get() request in flutter

Question

I am learning about API's and http request in flutter and I am facing problem in making a get request as in any tutorial they are directly pasting string URL inside get as parameter but when I post it as string it is showing error:

The argument type 'String' can't be assigned to the parameter type 'Uri'.

Can anyone help me in this? This is my sample code :

import 'dart:convert' as convert;
import 'package:http/http.dart' as http;

void main(List<String> arguments) async {
  // This example uses the Google Books API to search for books about http.
  // https://developers.google.com/books/docs/overview
  var url = 'https://www.googleapis.com/books/v1/volumes?q={http}';

  // Await the http get response, then decode the json-formatted response.
  var response = await http.get(url); // i am getting error here
  if (response.statusCode == 200) {
    var jsonResponse = convert.jsonDecode(response.body);
    var itemCount = jsonResponse['totalItems'];
    print('Number of books about http: $itemCount.');
  } else {
    print('Request failed with status: ${response.statusCode}.');
  }
}

Here is image of my code with error:

enter image description here

I have tried this i had to change the funtion name main(List<String> arguments) to just test() and call the test function on a button or add in initState,@Ravinderraj singh — Abhijith
– Abhijith, Commented Feb 26, 2021 at 6:56

axiopisty · Accepted Answer · 2024-01-23 23:39:21Z

17

First, add the http library to your project:

flutter pub add http

Then import http as http:

import 'package:http/http.dart' as http;

Then parse your link to Uri using:

var url = Uri.parse('https://www.googleapis.com/books/v1/volumes?q={http}');
http.Response response = await http.get(url);
try {
  if (response.statusCode == 200) {
    String data = response.body;
    var decodedData = jsonDecode(data);
    return decodedData;
  } else {
    return 'failed';
  }
} catch (e) {
  return 'failed';
}

edited Jan 23, 2024 at 23:39

axiopisty

5,1948 gold badges47 silver badges77 bronze badges

answered Apr 2, 2021 at 0:35

IBRAHIM ALI MUSAH

99912 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Prantik Paul · Accepted Answer · 2021-11-26 00:23:55Z

5

If still doesn't work try this:

import 'package:http/http.dart';

var response = get(Uri.parse('https://www.google.com'));

edited Nov 26, 2021 at 0:23

user17242583

answered Nov 26, 2021 at 0:20

Prantik Paul

511 silver badge1 bronze badge

Comments

Tomerikoo · Accepted Answer · 2021-06-09 15:07:14Z

2

Try this (Add http to pubspec.yaml under dependencies):

import 'package:http/http.dart' as http;

var response = http.get(Uri.parse('https://www.google.com'));

edited Jun 9, 2021 at 15:07

Tomerikoo

19.6k16 gold badges57 silver badges68 bronze badges

answered Jun 9, 2021 at 14:40

Vignesh

311 bronze badge

Comments

yahya007 · Accepted Answer · 2021-02-26 08:08:00Z

1

You passing string the error says need an uri so create an uri and use in it.

var uri = new Uri.http("example.org", "/path", { "q" : "{http}" });

answered Feb 26, 2021 at 8:08

yahya007

16811 bronze badges

Comments

matr0s · Accepted Answer · 2021-02-26 08:04:44Z

First of all, check your pubspec.yaml file and HTTP version. It should be the actual one you can find here: https://pub.dev/packages/http/install For example, it is:

http: ^0.12.2

at the moment

Here is my code and it works well:

main.dart

import 'package:flutter/material.dart';
import 'package:stackowerflow/my_app.dart';

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

my_app.dart

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

class MyApp extends StatelessWidget {
  Future<void> stackHelp() async {
    var url = 'https://www.googleapis.com/books/v1/volumes?q={http}';

    // Await the http get response, then decode the json-formatted response.
    var response = await http.get(url);
    if (response.statusCode == 200) {
      var jsonResponse = convert.jsonDecode(response.body);
      var itemCount = jsonResponse['totalItems'];
      print('Number of books about http: $itemCount.');
    } else {
      print('Request failed with status: ${response.statusCode}.');
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Flutter WebView '),
        ),
        body: Container(
          child: TextButton(onPressed: stackHelp, child: Text('Push me')),
        ),
      ),
    );
  }
}

RESULT

flutter: Number of books about http: 485.

Anubrat Sahoo · Accepted Answer · 2024-06-28 16:25:18Z

0

Future getTeams() async {
    try {
      var response = await http.get(Uri.parse('http://localhost:3000'));
      print(response.body);
    } catch (e) {
      print('Caught error: $e');
    }
  }

just replace the localhost keyword with 10.0.2.2. The final response should look like this http://10.0.2.2:3000. ps - i have only tested it with a Android emulator

answered Jun 28, 2024 at 16:25

Anubrat Sahoo

214 bronze badges

Collectives™ on Stack Overflow

Problem in making http.get() request in flutter

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related