Using an api and http request in Flutter

Question

    import 'dart:convert';
    import 'package:http/http.dart' as http;
    import 'package:newsapi_project/artical.dart';
    
    
    class News{ 
      List<ArticalModel> news =[];
      Future<void> getNews()async{
       String url="https://newsapi.org/v2/top-headlines?sources=techcrunch&apiKey=8efc3612216c44ccba7a8251dfbed587";
       var response=await http.get( url); //here its throwing the error//
       var jsonData= jsonDecode(response.body);
       if (jsonData["status"]=="ok"){
         jsonData["articles"].forEach(element){ //=> and even to in .forEach//
           if(element["urlToImagel"] != null && element["description"] != null ){
    
             ArticalModel articalmodel = ArticalModel(
               title:element["title"],
               author:element["author"],
               description:element["description"],
               url:element["url"],
              urlToImage:element["urlToImage"],
              content:element["content"]
             );
             news.add(articalmodel);
           }
         };
       }
      }
    
    }

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

   var response=await http.get( url); // this is where I am getting error

  Function expressions can't be named Try removing the name, or moving the function expression to a function declaration statement.
 .forEach  this is where I am getting error

Expected an identifier.
.forEach  this is where I am getting error

How can I solve this?

var = response = await http.get(Uri.parse(url)); should work. — Omi Shah
– Omi Shah, Commented Feb 23, 2022 at 11:16
For future reference, be sure to have a .fromJson() constructor and a .toJson() functions for your JSON objects represented in Dart. — Timotej Leginus
– Timotej Leginus, Commented Feb 23, 2022 at 12:00

Ravindra S. Patil · Accepted Answer · 2022-02-23 11:17:25Z

4

Try below code hope its help to you. Change your API url declaration.

String url = 'https://newsapi.org/v2/top-headlines?sources=techcrunch&apiKey=8efc3612216c44ccba7a8251dfbed587';

var response=await http.get(Uri.parse(url));

Refer documenation here

answered Feb 23, 2022 at 11:17

Ravindra S. Patil

15.3k5 gold badges22 silver badges60 bronze badges

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

3 Comments

vinay Over a year ago

can i get help for the secound error @Ravindra S. Patil please

Ravindra S. Patil Over a year ago

@vinaym, yes please tell

Omi Shah Over a year ago

Please refrain from posting duplicate answers, instead mark the question as duplicate ;)

Hammad Ali · Accepted Answer · 2022-02-23 11:27:55Z

Try This! Code Snippet

 Future<void> getNews()async{
          String url="https://newsapi.org/v2/top-headlines?sources=techcrunch&apiKey=8efc3612216c44ccba7a8251dfbed587";
          var response=await http.get(Uri.parse(url)); //here its throwing the error//
          var jsonData= jsonDecode(response.body);
          if (**jsonData.statusCode==200**){
            jsonData["articles"].forEach(element){ //=> and even to in .forEach//
              if(element["urlToImagel"] != null && element["description"] != null ){
    
                ArticalModel articalmodel = ArticalModel(
                    title:element["title"],
                    author:element["author"],
                    description:element["description"],
                    url:element["url"],
                    urlToImage:element["urlToImage"],
                    content:element["content"]
                );
                news.add(articalmodel);
              }
            };
          }
        }

Mohamed Salah · Accepted Answer · 2022-02-23 11:37:49Z

0

get method definition

Future<Response> get(
 Uri url,
  {Map<String, String>? headers}
  )

and must parse url like this

 String url="https://newsapi.org/v2/top-headlines?sources=techcrunch&apiKey=8efc3612216c44ccba7a8251dfbed587";

var response=await http.get( Uri.parse(url));

answered Feb 23, 2022 at 11:37

Mohamed Salah

1061 silver badge5 bronze badges

Collectives™ on Stack Overflow

Using an api and http request in Flutter

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related