![\"installed](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/12\/installed-libraries.webp\")
<\/a><\/p>\nSteps to Build News Aggregator App<\/h3>\n1. Building Main Layout of the App<\/h4>\n
Let\u2019s start by building the main layout of the app. We are using \u2018MaterialApp\u2019 widget to create the basic structure of the app. Here we are defining the theme to be used for which we have created the color scheme using \u2018ColorScheme.fromSeed\u2019. In the \u2018home\u2019 argument, we are returning the Scaffold widget to define the basic visual structure. Inside the Scaffold, we defined the backgroundColor and appBar and returned the \u2018HomePage\u2019 widget, which we will create later in the \u2018body\u2019 argument.<\/p>\n
import 'package:flutter\/material.dart';\r\n\r\nimport '.\/home_page.dart';\r\n\r\nfinal ColorScheme kColorSceheme =\r\n ColorScheme.fromSeed(seedColor: Colors.black87);\r\nvoid main() {\r\n return runApp(\r\n MaterialApp(\r\n debugShowCheckedModeBanner: false,\r\n theme: ThemeData(\r\n useMaterial3: true,\r\n colorScheme: kColorSceheme,\r\n primaryColor: Colors.black87,\r\n appBarTheme: AppBarTheme(\r\n backgroundColor: Colors.black,\r\n )),\r\n home: Scaffold(\r\n backgroundColor: Colors.white,\r\n appBar: AppBar(\r\n title: const Text(\r\n 'News Aggregator (By DataFlair)',\r\n textAlign: TextAlign.center,\r\n style: TextStyle(fontWeight: FontWeight.bold, color: Colors.white),\r\n ),\r\n shadowColor: Colors.black,\r\n ),\r\n body: HomePage(),\r\n ),\r\n ),\r\n );\r\n}<\/pre>\n2. Creating Model for Articles2<\/h4>\n
The below code is used to create class for the news article, where we accept several parameters such as the title of the page, summary of the page, URL for the image, timeStamp and url to the main article of the NY Times.<\/p>\n
We also defined a few functions such as:-<\/strong><\/p>\n(i) getArticleDetailsFrmJasonObj –<\/strong> This function is used to extract the parameters we defined above from the jasonObject which we received through the API call and converts them into the required data type.<\/p>\n(ii) get formattedTime –<\/strong> This is a getter function used to convert the date in the required format using the intl package which we installed in our pubsec file.<\/p>\nimport 'package:intl\/intl.dart';\r\n\r\nclass Article {\r\n String title;\r\n String summary;\r\n String imageURL;\r\n int timeStamp;\r\n String url;\r\n\r\n Article(\r\n {required this.title,\r\n required this.summary,\r\n required this.imageURL,\r\n required this.timeStamp,\r\n required this.url});\r\n\r\n static Article getArticleDetailsFrmJasonObj(dynamic jsonObj) {\r\n String title = jsonObj['title'];\r\n String url = jsonObj['url'];\r\n String summary = jsonObj['abstract'];\r\n List multiMediaList = jsonObj['multimedia'];\r\n\r\n int length = multiMediaList.length;\r\n String imageURL = multiMediaList[length - 1]['url'];\r\n\r\n int timeStamp =\r\n DateTime.parse(jsonObj['created_date']).microsecondsSinceEpoch;\r\n\r\n return Article(\r\n title: title,\r\n summary: summary,\r\n imageURL: imageURL,\r\n timeStamp: timeStamp,\r\n url: url);\r\n }\r\n\r\n @override\r\n String toString() {\r\n return \"title = $title; summary = $summary; imageURL = $imageURL; \"\r\n \"timeStamp = $timeStamp; url = $url\";\r\n }\r\n\r\n String get formattedTime {\r\n var timeStamp = DateTime.fromMicrosecondsSinceEpoch(this.timeStamp);\r\n var formatter = DateFormat('dd MMM, yyyy. HH:mm');\r\n return formatter.format(timeStamp);\r\n }\r\n}<\/pre>\n3. Building Home Page with Necessary Functions<\/h4>\n
Now, let\u2019s build the home page of the app, which will open when a user opens the app. It is a stateful widget as the content on the page which is the news articles, needs to be updated and may change.<\/p>\n
We have imported several packages here such as material.dart<\/strong> for the UI, dart:convert<\/strong> to convert b\/w different data representations,http<\/strong> to send API requests and other custom widgets which we will create in the next section.<\/p>\nWe have also imported a file called \u2018configurations.dart\u2019, where we store the NY Times API key.<\/p>\n
import 'package:flutter\/material.dart';\r\nimport 'dart:convert';\r\nimport 'dart:io';\r\n\r\nimport 'package:http\/http.dart' as http;\r\nimport 'package:news_aggregator\/models\/article.dart';\r\nimport 'widgets\/articleWidget.dart';\r\nimport 'widgets\/retryRequest.dart';\r\nimport 'configurations.dart';\r\n\r\nclass HomePage extends StatefulWidget {\r\n const HomePage({super.key});\r\n @override\r\n State<HomePage> createState() {\r\n return _HomePageState();\r\n }\r\n}<\/pre>\nIn the code below, we have defined a few variables and functions that we will use to write code for the logic and user interactions.<\/p>\n
The variables we have defined are:-<\/strong><\/p>\na. _isRequestSent –<\/strong> This is a boolean variable. It is used to check if the request has been successfully sent or not.<\/p>\nb. _isRequestFailed –<\/strong> This boolean variable is used to check if the API request sent has failed or not.<\/p>\nc. articlesList –<\/strong> It is used to store a list of the object of the article which we will show on our page.<\/p>\nThe functions we are using are:-<\/strong><\/p>\na. sendRequest – I<\/strong>t is used to send requests to the API and get the articles. In the url, we have also passed the API key, which you will get through the NY Times developer page. Using http.get, we will get the API call response. If it is successful, we will decode it using json and get the required parameters.<\/p>\nb. requestError –<\/strong> This function sets both the variables, _isRequestSent and _isRequestFailed to true.<\/p>\nc. retryRequest –<\/strong> This function sets both the variables, _isRequestSent and _isRequestFailed to false.<\/p>\nclass _HomePageState extends State<HomePage> {\r\n bool _isRequestSent = false;\r\n bool _isRequestFailed = false;\r\n List<Article> articlesList = [];\r\n\r\n void sendRequest() async {\r\n String url =\r\n \"https:\/\/api.nytimes.com\/svc\/topstories\/v2\/technology.json?api-key=$API_KEY\";\r\n try {\r\n http.Response response = await http.get(Uri.parse(url));\r\n \/\/ Checking if the request was success or not\r\n if (response.statusCode == HttpStatus.ok) {\r\n \/\/print('Request Success');\r\n Map decode = json.decode(response.body);\r\n List results = decode['results'];\r\n \/\/ Parsing the result\r\n for (var jsonObject in results) {\r\n var article = Article.getArticleDetailsFrmJasonObj(jsonObject);\r\n articlesList.add(article);\r\n }\r\n setState(() {\r\n _isRequestSent = true;\r\n });\r\n } else {\r\n print(response.statusCode);\r\n print(\"Request not success\");\r\n requestError();\r\n }\r\n } catch (e) {\r\n print(e);\r\n requestError();\r\n }\r\n }\r\n\r\n void requestError() {\r\n setState(() {\r\n _isRequestSent = true;\r\n _isRequestFailed = true;\r\n });\r\n }\r\n\r\n void retryRequest() {\r\n setState(() {\r\n _isRequestSent = false;\r\n _isRequestFailed = false;\r\n });\r\n }<\/pre>\nIn the build function, firstly we are checking if the API request has been sent or not and if not, we are sending request. Then we are returning a \u2018Container\u2019 widget whose alignment is set to center. In the child argument, depending on the condition we are returning widgets. If _isRequestSent is false, we are returning a CircularProgressIndicator, then is the _isRequestSent is true and _isRequestFailed is true, we return \u2018RetryRequest\u2019 widget, which we will create in the helper widgets section.<\/p>\n
Finally, if both _isRequestSent is true and _isRequestFailed is false, we are returning the list of articles using \u2018ListView.builder\u2019 and in the itemBuilder function returning the ArticleWidget, which is a custom we will create in the helper widgets section for the current article.<\/p>\n
@override\r\n Widget build(BuildContext context) {\r\n if (!_isRequestSent) {\r\n sendRequest();\r\n }\r\n return Container(\r\n alignment: Alignment.center,\r\n child: !_isRequestSent\r\n ? const CircularProgressIndicator()\r\n : _isRequestFailed\r\n ? RetryRequest(\r\n retry: retryRequest,\r\n )\r\n : ListView.builder(\r\n itemCount: articlesList.length,\r\n itemBuilder: (ctx, index) =>\r\n ArticleWidget(article: articlesList[index]),\r\n ),\r\n );\r\n }\r\n}<\/pre>\n4. Building Current Article Page<\/h4>\n
This page will open when the user clicks on any article on the home page. This is used to show the main content of the article.<\/p>\n
In the below code, we have imported url_launcher package to open a url. CurrentArticlePage is a Stateful widget as the content of the page can be rendered depending upon user interaction. Here we are passing the article which we will show about using the constructor function. We have also defined openURL function, which is used to open the url on your browser once user clicks on the corresponding button.<\/p>\n
import 'package:flutter\/material.dart';\r\nimport 'package:url_launcher\/url_launcher.dart';\r\n\r\nimport '.\/models\/article.dart';\r\n\r\nclass CurrentArticlePage extends StatefulWidget {\r\n const CurrentArticlePage({required this.article, super.key});\r\n final Article article;\r\n @override\r\n State<CurrentArticlePage> createState() {\r\n \/\/ ignore: no_logic_in_create_state\r\n return _CurrentArticlePageState(article);\r\n }\r\n}\r\n\r\nclass _CurrentArticlePageState extends State<CurrentArticlePage> {\r\n _CurrentArticlePageState(this.article);\r\n Article article;\r\n\r\n void openURL() async {\r\n String url = article.url;\r\n print(url);\r\n Uri uri = Uri(scheme: 'https', path: url);\r\n if (await canLaunchUrl(uri)) {\r\n await launchUrl(uri);\r\n \/\/print(\"Launching\");\r\n } else {\r\n \/\/print(\"Not Launching\");\r\n SnackBar(\r\n content: Text(\"Cannot Open $url\"),\r\n );\r\n }\r\n }<\/pre>\nIn the build function, we are returning Scaffold to define the basic visual structure for the page and defined an AppBar to show the title of the article. In the body argument, we are returning the Container widget where we set the margin and in the child, we are using a Column widget to show different part of the page. Inside the Column widget, we are returning title of the page inside a Text widget, Divider widget which has SizedBox above and below it to give some gap b\/w widgets, Row widget which is used to show the formatted time with icon of clock horizontally to each other, image of the article using Image.network, a summary of the article using Text widget and an ElevatedButton which is used to open the url of the article on your browser.<\/p>\n
@override\r\n Widget build(BuildContext context) {\r\n return Scaffold(\r\n appBar: AppBar(\r\n foregroundColor: Colors.white,\r\n title: Text(\r\n article.title,\r\n style: const TextStyle(fontSize: 18, overflow: TextOverflow.fade),\r\n ),\r\n ),\r\n body: Container(\r\n margin: EdgeInsets.all(10),\r\n child: Column(\r\n children: [\r\n Text(\r\n article.title,\r\n textAlign: TextAlign.center,\r\n style: const TextStyle(\r\n color: Colors.black,\r\n fontSize: 20,\r\n fontWeight: FontWeight.bold),\r\n ),\r\n const SizedBox(\r\n height: 10,\r\n ),\r\n const Divider(\r\n height: 1,\r\n color: Colors.black,\r\n ),\r\n const SizedBox(\r\n height: 10,\r\n ),\r\n Row(\r\n mainAxisAlignment: MainAxisAlignment.center,\r\n children: [\r\n const Icon(\r\n Icons.access_time,\r\n color: Colors.grey,\r\n ),\r\n Padding(\r\n padding: const EdgeInsets.symmetric(horizontal: 10),\r\n child: Text(article.formattedTime),\r\n )\r\n ],\r\n ),\r\n Container(\r\n width: double.infinity,\r\n height: 150,\r\n margin: const EdgeInsets.all(10),\r\n child: Image.network(\r\n article.imageURL,\r\n fit: BoxFit.cover,\r\n ),\r\n ),\r\n Text(\r\n article.summary,\r\n style: const TextStyle(fontSize: 16),\r\n ),\r\n Container(\r\n margin: const EdgeInsets.all(20),\r\n child: ElevatedButton(\r\n onPressed: openURL,\r\n child: const Text(\"READ MORE\"),\r\n ),\r\n )\r\n ],\r\n ),\r\n ),\r\n );\r\n }\r\n}<\/pre>\n5. Helper Widgets<\/h4>\n
This widget, ArticleWidget, shows a glimpse of the news articles on the home screen for each news site. Here, we are accepting an article to show the constructor function.<\/p>\n
In the build function, we are returning the GestureDetector widget, which, when the user taps, will lead to that complete Article Page, which we created in the previous section using the Navigator.push function. In the child argument, we are returning a Container where we have defined the color and margin and through which we are showing the Card widget which gives a nice look to the UI. Inside the Card widget, we are returning a Row Widget as the content is arranged horizontally where we show the image of the article using Image.network and a Column widget inside the Expanded widget.<\/p>\n
Through the Column widget we are displaying the formatted Time and the title of the article. One important thing is that while using the Text widget to show the title, the overflow property is set to TextOverflow.fade, which fades the text if it is too large and protects it from bugs in our code.<\/p>\n
import 'package:flutter\/material.dart';\r\n\r\nimport 'package:news_aggregator\/models\/article.dart';\r\nimport '..\/currentArticlePage.dart';\r\n\r\nclass ArticleWidget extends StatelessWidget {\r\n const ArticleWidget({required this.article, super.key});\r\n\r\n final Article article;\r\n @override\r\n Widget build(BuildContext context) {\r\n return GestureDetector(\r\n onTap: () {\r\n Navigator.push(\r\n context,\r\n MaterialPageRoute(\r\n builder: (BuildContext ctx) =>\r\n CurrentArticlePage(article: article)));\r\n },\r\n child: Container(\r\n color: Theme.of(context).primaryColor,\r\n margin: const EdgeInsets.symmetric(horizontal: 5, vertical: 5),\r\n child: Card(\r\n color: Theme.of(context).primaryColor,\r\n elevation: 3.0,\r\n child: Row(\r\n children: [\r\n Container(\r\n width: 150,\r\n child: Image.network(article.imageURL, fit: BoxFit.fill),\r\n ),\r\n Expanded(\r\n child: Column(\r\n crossAxisAlignment: CrossAxisAlignment.center,\r\n children: [\r\n Container(\r\n margin: const EdgeInsets.symmetric(horizontal: 10),\r\n width: double.infinity,\r\n child: Text(\r\n article.formattedTime,\r\n style:\r\n const TextStyle(fontSize: 14, color: Colors.white),\r\n textAlign: TextAlign.start,\r\n ),\r\n ),\r\n Container(\r\n margin: const EdgeInsets.all(10),\r\n child: Text(\r\n article.title,\r\n style:\r\n const TextStyle(fontSize: 18, color: Colors.white),\r\n overflow: TextOverflow.fade,\r\n ),\r\n ),\r\n ],\r\n ),\r\n ),\r\n ],\r\n ),\r\n ),\r\n ),\r\n );\r\n }\r\n}<\/pre>\nRetryRequest<\/strong> is a stateless widget used on the home screen and shown when the request fails. Here, we are accepting the retry function through the constructor function we created in the home page widget.<\/p>\nIn the build function, we are returning Column widget, inside which we are showing the Text that the request has failed and an ElevatedButton through which retry function is called. Both these widgets are separated by SizedBox widget.<\/p>\n
import 'package:flutter\/material.dart';\r\n\r\nclass RetryRequest extends StatelessWidget {\r\n const RetryRequest({super.key, required this.retry});\r\n\r\n final void Function() retry;\r\n @override\r\n Widget build(BuildContext context) {\r\n return Container(\r\n child: Column(\r\n mainAxisAlignment: MainAxisAlignment.center,\r\n children: [\r\n const Text(\r\n 'Request Failed!',\r\n style: TextStyle(fontSize: 16),\r\n ),\r\n const SizedBox(\r\n height: 15,\r\n ),\r\n ElevatedButton(\r\n style: ElevatedButton.styleFrom(\r\n backgroundColor: Colors.black87,\r\n ),\r\n onPressed: () {\r\n retry;\r\n },\r\n child: const Text(\r\n 'RETRY!',\r\n style: TextStyle(color: Colors.white),\r\n ))\r\n ],\r\n ),\r\n );\r\n }\r\n}<\/pre>\nFlutter News Aggregator Output<\/h3>\n
![\"flutter](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/12\/flutter-news-aggregator-app-putput.webp\")
<\/a><\/p>\nConclusion<\/h3>\n
This Flutter News Aggregator project was full of amazing widgets and various packages we used like http, intl, url_launcher. In this project, we got to learn several things like how to send an http request, how to decode json format, how to format date and much more. We also used various widgets like CircularProgressIndicator, ListView.builder, Divider, Image.network, Expanded and many more. We also created our own custom model of the article which helped in maintaining our code.<\/p>\n
I hope you enjoyed working on this project!
\nThank you for reading! Keep Learning Flutter!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"In the fast-paced digital age, staying informed has never been more crucial. A news aggregator app is designed to simplify the way you access and consume news. It serves as a centralized hub, collecting...<\/p>\n","protected":false},"author":86671,"featured_media":123985,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28289],"tags":[30249,32684,30263,30264,30262,30251,30252,32685,21609,30266,30265],"class_list":["post-123331","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-flutter-tutorials","tag-flutter","tag-flutter-news-aggregator","tag-flutter-news-aggregator-app","tag-flutter-news-aggregator-app-project","tag-flutter-project","tag-flutter-project-for-practice","tag-flutter-project-ideas","tag-news-aggregator","tag-news-aggregator-app","tag-news-aggregator-app-project","tag-news-aggregator-app-using-flutter"],"yoast_head":"\n
Flutter Project - News Aggregator App - DataFlair<\/title>\n<meta name=\"description\" content=\"This Flutter News Aggregator project was full of using amazing widgets and various packages we used like http, intl, url_launcher.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flutter Project - News Aggregator App - DataFlair\" \/>\n<meta property=\"og:description\" content=\"This Flutter News Aggregator project was full of using amazing widgets and various packages we used like http, intl, url_launcher.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-20T12:30:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-01T08:51:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/11\/news-aggregator-app.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"TechVidvan Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"TechVidvan Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Flutter Project - News Aggregator App - DataFlair","description":"This Flutter News Aggregator project was full of using amazing widgets and various packages we used like http, intl, url_launcher.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/","og_locale":"en_US","og_type":"article","og_title":"Flutter Project - News Aggregator App - DataFlair","og_description":"This Flutter News Aggregator project was full of using amazing widgets and various packages we used like http, intl, url_launcher.","og_url":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2024-07-20T12:30:32+00:00","article_modified_time":"2026-06-01T08:51:27+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/11\/news-aggregator-app.webp","type":"image\/webp"}],"author":"TechVidvan Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"TechVidvan Team","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/"},"author":{"name":"TechVidvan Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/0e594f928e31fc96628ac40f6ae74f49"},"headline":"Flutter Project – News Aggregator App","datePublished":"2024-07-20T12:30:32+00:00","dateModified":"2026-06-01T08:51:27+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/"},"wordCount":1697,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/11\/news-aggregator-app.webp","keywords":["flutter","flutter news aggregator","flutter news aggregator app","flutter news aggregator app project","flutter project","flutter project for practice","flutter project ideas","news aggregator","news aggregator app","news aggregator app project","news aggregator app using flutter"],"articleSection":["Flutter Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/","url":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/","name":"Flutter Project - News Aggregator App - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/11\/news-aggregator-app.webp","datePublished":"2024-07-20T12:30:32+00:00","dateModified":"2026-06-01T08:51:27+00:00","description":"This Flutter News Aggregator project was full of using amazing widgets and various packages we used like http, intl, url_launcher.","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/11\/news-aggregator-app.webp","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/11\/news-aggregator-app.webp","width":1200,"height":628,"caption":"news aggregator app"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/flutter-news-aggregator-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"Flutter Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/flutter-tutorials\/"},{"@type":"ListItem","position":3,"name":"Flutter Project – News Aggregator App"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/0e594f928e31fc96628ac40f6ae74f49","name":"TechVidvan Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c89190da3d4010c71ba476b618ab10fdc2335c82cdfa0ad5002d98d0f2473444?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c89190da3d4010c71ba476b618ab10fdc2335c82cdfa0ad5002d98d0f2473444?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c89190da3d4010c71ba476b618ab10fdc2335c82cdfa0ad5002d98d0f2473444?s=96&d=mm&r=g","caption":"TechVidvan Team"},"description":"TechVidvan Team provides high-quality content & courses on AI, ML, Data Science, Data Engineering, Data Analytics, programming, Python, DSA, Android, Flutter, full stack web dev, MERN, and many latest technology.","url":"https:\/\/data-flair.training\/blogs\/author\/test001\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/123331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/86671"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=123331"}],"version-history":[{"count":9,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/123331\/revisions"}],"predecessor-version":[{"id":148699,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/123331\/revisions\/148699"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/123985"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=123331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=123331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=123331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"create](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/12\/create-flutter-news-aggregator-project.webp\")
<\/a><\/p>\n