Quick start to building a news app in Flutter
Вставка
- Опубліковано 10 лип 2024
- The Flutter News Toolkit is a free, prebuilt app template to accelerate application development for news publishers and other content providers who want to reach mobile users without having to design an app from scratch. It includes everything you need to build an article-centric app, with navigation and search, authentication, ad integrations, notifications, profiles and subscriptions, while incorporating best practices from Google News Initiative’s research.
In this video, you will learn more about why we built the Flutter News Toolkit and watch a sample app get set up in just 30 minutes.
Chapters:
0:00 Intro
1:49 Flutter News Toolkit features
4:15 Overview of the project code
7:49 Architecture walkthrough
10:10 Project generation
10:29 Using Mason to generate template
12:56 Firebase configuration
15:29 Ads configuration
16:45 Using DartFrog for backend implementation
18:01 Running the app in debug mode
18:28 Feature walkthrough including sign-in, news feed, news article, ads, subscription, and news search
20:22 Modify news content from the backend
23:23 Conclusion
Resources:
Get the Flutter News Toolkit → goo.gle/3wAhIzH
AdMob documentation → goo.gle/3WBnuM7
AdManager documentation → goo.gle/3XWFt0A
Subscribe to Flutter → goo.gle/FlutterYT
#Flutter - Наука та технологія
We are glad that we can provide an easy-to-use toolkit to help accelerate your development. Meanwhile, if you run into any issues, please file an issue on Flutter's GitHub repo: github.com/flutter/flutter/issues, so we can look further and gather more information to improve the toolkit. Thanks!
There is so much to learn from this codebase, especially the Dart Frog Backend implementation
Happy to see zoe again... I can remember when she talks about admob ads
Thanks to flutter team! Great job on sharing this content, it will help us a lot. Thaaaaanks
Thank you for this valuable job.
Such great content 😀.
Thank you dart team
I love this 😍
I personally use flutter with blocs in my projects. The dart frog also sounds intriguing. But I have to be honest that this video feels like a one big ad for bloc, mason and dart frog package.
Awesome
thanks felix
great!
This is so much different code base than anything i have seen. I mean I recognize some of the code, but this is whole another story.
😍😍😍
WordPress User Can take benefit here ?
I get a number of issues, from no articles loading, subscription is just spinning, and sign on not working.
Are you running the dart frog server locally?
Hello, may I know have the issues been solve on your side? If yes, could you let me know how exactly you solved them?
Me too
@@MaikPenn-zn7dq our team will be happy to assist you! If you could please create an issue in the repo, our engineering team will investigate the case and provide support.
Thank you for your comment! Our team will be happy to look into the errors and help you. Please create an issue in the repo so we can review the details.
Pls how do I toggle around flavor options at 12:28 , I keep selecting default value, while I want to select them all, [Development, Integration, Staging, production]. Am using windows 10 with CLI && PowerShell
arrow up and down and space bar to select?
arrows didn't work for me. Use J to move up or down, spacebar to select/deselect.
Thank you for your comment! Our team will be happy to help you. Please create an issue in the repo so we can review the details and provide support.
I tried to run it, but there are errors. I hope to make a second video explaining, step by step, the work of this project
Thank you for your feedback! Our team will be happy to assist with the errors. Please create an issue in the repo so we can review the details and provide support.
where is main file?
Hi,
I get a InitializeCategoriesPreferencesFailure (Connection refused)
when I try to run the project
Hello, may I know has the issue been solve on your side? If yes, could you let me know how exactly you solved it?
Our team will be happy to assist you in resolving this error! Please create an issue in the repo and the team will investigate further
anyone else getting Target of URI doesn't exist: on package imports?
you may need to add those packages to the dependencies
Flutter News Toolkit simply does not work, it is riddled with bugs.
Thank you for your feedback! Please create an issue in the repo so our engineering team can review the details and provide support to resolve the bugs
This is a great toolkit, but only of value for established news orgs as news apps are highly regulated by the play store and app store, so individual developers can use the toolkit but can't publish it on the major mobile OS's as news apps.
can you explain it more?
This bothered me right away. Care to elaborate?
Elaborate pls
@@andreisas1621 Reply is above
@@denniszenanywhere Reply is above
12:25 how to down flavors arrow ?
Thanks for your question! Our team will be happy to assist. Please create an issue in the repo so we can review the details and provide support
difficult to understand the video
Test
Our college has given us 4 weeks to learn a new programming language and make an app with it so. Hello.
Edit. Felix is a full on AI. Care me
This is all about Google ADS! and it's RIDICULOUS! 👎
Is anyone facing this problem ?
>mason add -g flutter_news_template
Error: unknown command "add" for "mason"
Run 'mason --help' for usage.
unknown command "add" for "mason"
Can you make sure you installed the latest version of mason_cli via dart pub global activate mason_cli?
@@Felangelov I am getting Exception while running the template
Exception has occurred.
InitializeCategoriesPreferencesFailure (InitializeCategoriesPreferencesFailure(Connection refused))
@@paglupaglet5427 it sounds like you’re running the Flutter application but not the Dart Frog server. Can you confirm that you’re running the Dart Frog server (dart_frog dev) before running the Flutter app?
@@Felangelov Thank you for reply. Yes, I am running dart_frog server and flutter app both at the same time.
if someone successfully runs app , please replied on this comment because I have gotten many errors in first run without changing anything in the code just add my google service json
Thank you for the comment. Our team will be happy to look into the errors. Please file an issue on Github, which will then pass to our engineering team for further investigation.