Build a Windows News App with Flutter and Fluent UI Theme

Xcoding with Alfian
Xcoding with Alfian
18.7 هزار بار بازدید - 2 سال پیش - In this video, we are
In this video, we are going to build a Windows News App using Flutter and Fluent UI Theme. We are going to utilize newsapi.org to fetch the articles and uses multiple dependencies such as window manager, url sharing, and many more! #flutter #flutterdev #dartlang

Timeline:
00:00 Introduction & Demo
05:19 Create Project and Add Dependencies
10:47 Main App Initialization and Window Manager Setup
15:48 Configure Fluent App
21:32 Setup Fluent Navigation View and NavigationPane
28:08 Debugging Flutter App with Visual Studio Code
33:49 Models - Article Category Enum and NewsPage class
43:24 Building NewsListPage with Grid Layout Stateful Widget
54:11 Building NewsItem Stateless Widget
01:13:22 Model - Article
01:21:41 Service - NewsAPI
01:33:28 Add FutureBuilder in NewsListAPI Widget to fetch articles
01:47:09 Add Article Card Click & DropdownMenu Action Handlers - Open Browser, share to mail, and copy to clipboard
01:56:32 Closing

GitHub Completed Project Repository:
https://github.com/alfianlosari/Flutt...

Google Codelab - Building your first Flutter App Tutorials:
Part 1- https://codelabs.developers.google.co...
Part 2- https://codelabs.developers.google.co...

Building News App For iOS, macOS, watchOS, tvOS:
SwiftUI 3 Tutorial - Build an iOS 15 ...

Flutter For Windows Announcement Medium Article:
Medium: announcing-flutter-for-windows

Fluent UI Lib:
https://pub.dev/packages/fluent_ui

Dart Pub Dev:
https://pub.dev/

News API Org API Key registration:
https://newsapi.org/
2 سال پیش در تاریخ 1401/01/27 منتشر شده است.
18,720 بـار بازدید شده
... بیشتر