New post on /r/flutterdev subreddit:
Best Practices for PWAs :: Flutter Puzzle Hack :: Volume 2 of 4
https://youtube.com/watch?v=xHHIO_zKmq4&feature=share
January 26, 2022 at 06:30PM by Pixelreddit
https://ift.tt/3u0QIcJ
Best Practices for PWAs :: Flutter Puzzle Hack :: Volume 2 of 4
https://youtube.com/watch?v=xHHIO_zKmq4&feature=share
January 26, 2022 at 06:30PM by Pixelreddit
https://ift.tt/3u0QIcJ
YouTube
Best Practices for PWAs :: Flutter Puzzle Hack :: Volume 2 of 4
Join ChromeDev Developer Relations Engineer Adriana Jara as she talks about best practises for building PWAs, and see if you can incorporate her tips into your own project!
Join the Puzzle Hack today - https://flutterhack.devpost.com/
Resources: ht…
Join the Puzzle Hack today - https://flutterhack.devpost.com/
Resources: ht…
New post on /r/flutterdev subreddit:
Any idea how can we build 3d text type of widget? I've tried TextPainter but not able to add gradient on that.
https://youtu.be/rX63CFruJzs
January 26, 2022 at 06:26PM by himanshuarora97
https://ift.tt/3AA6pJc
Any idea how can we build 3d text type of widget? I've tried TextPainter but not able to add gradient on that.
https://youtu.be/rX63CFruJzs
January 26, 2022 at 06:26PM by himanshuarora97
https://ift.tt/3AA6pJc
YouTube
Calculator iOS
New post on /r/flutterdev subreddit:
Pop-ups not appearing after changing screen
I'm building an app that records audio and later displays the number of filler words present in the recoding via a pop-up notification. I used the Navigator class to switch between the main page and the recording page. However, when I go from the recording page to the main page and back again, the pop-up does not show up after I'm done recording. I'm fairly new to Flutter and have tried a number of approaches to fix this but nothing seemed to have worked. Would appreciate the help.Here's some of the source code:main.dart:
January 26, 2022 at 06:24PM by Glad-Physics-8490
https://ift.tt/3rVRgOv
Pop-ups not appearing after changing screen
I'm building an app that records audio and later displays the number of filler words present in the recoding via a pop-up notification. I used the Navigator class to switch between the main page and the recording page. However, when I go from the recording page to the main page and back again, the pop-up does not show up after I'm done recording. I'm fairly new to Flutter and have tried a number of approaches to fix this but nothing seemed to have worked. Would appreciate the help.Here's some of the source code:main.dart:
Widget build(BuildContext context) => MaterialApp( debugShowCheckedModeBanner: false, title: title, theme: ThemeData(primarySwatch: Colors.blueGrey), initialRoute: 'homePage', routes: { 'homePage': (context) => const Homepage(), 'instantFeedback': (context) => const InstantFeedback(), // The issue is with this route 'delayedFeedback': (context) => const DelayedFeedback(), }, );homepage.dart:
Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text(MyApp.title), centerTitle: true, ), body: Column( children: [ ElevatedButton( child: const Text('Click for instant feedback'), onPressed: () { Navigator.pushNamed(context,'instantFeedback'); } ), ElevatedButton( child: const Text('Get delayed feedback'), onPressed: () { // The issue is with this route Navigator.pushNamed(context,'delayedFeedback'); })])); }delayed_feedback.dart:
@override Widget build(BuildContext context) => Scaffold( appBar: AppBar( title: const Text('Delayed Feedback'), centerTitle: true, leading: FloatingActionButton( child: const Icon(Icons.arrow_back_ios_new), onPressed: () { // Should I be doing it like this? Navigator.pop(context); },), ), floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat, floatingActionButton: AvatarGlow( animate: _isListening, glowColor: Theme.of(context).primaryColor, endRadius: 75.0, duration: const Duration(milliseconds: 1500), repeatPauseDuration: const Duration(milliseconds: 100), repeat: true, child: FloatingActionButton( child: Icon(_isListening ? Icons.mic : Icons.mic_none, size: 36), onPressed: () async { await _toggleRecording(); } ) ) ); Widget _buildPopupDialog(BuildContext context, String text) { return AlertDialog( title: const Text('Feedback'), content: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Text(text, style: const TextStyle( fontSize: 16, color: Colors.blueGrey ),),], ), actions: <Widget>[ // ignore: deprecated_member_use FlatButton( onPressed: () { Navigator.of(context).pop(); }, textColor: Theme.of(context).primaryColor, child: const Text('Close'), ), ], ); } Future _toggleRecording() => SpeechAPI.toggleRecording( onResult: (text) => { setState(() => _text = text), }, onListening: (isListening) { setState(() => _isListening = isListening); if (!_isListening) { _trigerPopup(_text); } }, ); Future _trigerPopup(String text) { List<int> counters = Filler_Feedback.scanText(text); String feedback = ''; for (int i = 0; i < counters.length; i++) { feedback += 'You used \"' + Fillers.fillers[i] + '\" ' + counters[i].toString() + ' time/s. \n'; } return showDialog( context: context, builder: (BuildContext context) => _buildPopupDialog(context, feedback), ); } }
January 26, 2022 at 06:24PM by Glad-Physics-8490
https://ift.tt/3rVRgOv
reddit
Pop-ups not appearing after changing screen
I'm building an app that records audio and later displays the number of filler words present in the recoding via a pop-up notification. I used the...
New post on /r/flutterdev subreddit:
Flutter Mobile App Building APK Bundle for your Flutter App #13
https://youtube.com/watch?v=HagmjAin-Qs&feature=share
January 26, 2022 at 07:32PM by osppro
https://ift.tt/3g1FAE9
Flutter Mobile App Building APK Bundle for your Flutter App #13
https://youtube.com/watch?v=HagmjAin-Qs&feature=share
January 26, 2022 at 07:32PM by osppro
https://ift.tt/3g1FAE9
YouTube
Flutter Mobile App Building APK Bundle for your Flutter App #13
Flutter Mobile App Building APK Bundle for your Flutter App #13
Please subscribe for more videos.
In this video am going to show you posible ways to make apk for your flutter android or iOS app.
you can use.
1). flutter build apk
2). flutter build…
Please subscribe for more videos.
In this video am going to show you posible ways to make apk for your flutter android or iOS app.
you can use.
1). flutter build apk
2). flutter build…
New post on /r/flutterdev subreddit:
How you organize your code?
I'm new to Flutter and was wandering if there's some kind of organization like MVC but specially for Flutter or if there's a type of organization that the most part of the community uses.
January 26, 2022 at 11:58PM by tas_draws
https://ift.tt/3KGgUPT
How you organize your code?
I'm new to Flutter and was wandering if there's some kind of organization like MVC but specially for Flutter or if there's a type of organization that the most part of the community uses.
January 26, 2022 at 11:58PM by tas_draws
https://ift.tt/3KGgUPT
Reddit
From the FlutterDev community on Reddit
Explore this post and more from the FlutterDev community
New post on /r/flutterdev subreddit:
Tailwind and Tailwind UI for Flutter
I've started porting Tailwind and Tailwind UI to Flutter.For anyone who isn't familiar, these are both products from Tailwind Labs:
Tailwind (https://tailwindcss.com) is a utility-first and one of the most popular CSS frameworks.
Tailwind UI (https://tailwindui.com) is a commercial suite of UI components built with Tailwind.When building apps in Flutter, I found myself defining a design system of utility classes. This reminded of building with Tailwind, so I thought the same methodology could be applied to Flutter.The source code can be found at the following GitHub repositories:
Tailwind for Flutter (https://github.com/noirsteed/tailwind)
Tailwind UI for Flutter (https://github.com/noirsteed/tailwind-ui)A demo of all the components implemented from Tailwind UI can be found at the following URL:
https://noirsteed.github.io/tailwind-ui/I have released a prototype version 0.1.0 of each, and if the community finds this effort useful I will continue porting utilities from Tailwind and components from Tailwind UI. Additionally, I'll push these plugins to pub.dev. Please let me know either way, so I don't waste my time.Tailwind UI is a paid product, so if you want to use the components I've built in your own product rather than just reading the source for reference, please consider supporting Tailwind Labs and buying a license.Please note, I have no affiliation with Tailwind Labs, I'm just a fan of their work.
January 26, 2022 at 11:34PM by noirsteed
https://ift.tt/3ABCpfX
Tailwind and Tailwind UI for Flutter
I've started porting Tailwind and Tailwind UI to Flutter.For anyone who isn't familiar, these are both products from Tailwind Labs:
Tailwind (https://tailwindcss.com) is a utility-first and one of the most popular CSS frameworks.
Tailwind UI (https://tailwindui.com) is a commercial suite of UI components built with Tailwind.When building apps in Flutter, I found myself defining a design system of utility classes. This reminded of building with Tailwind, so I thought the same methodology could be applied to Flutter.The source code can be found at the following GitHub repositories:
Tailwind for Flutter (https://github.com/noirsteed/tailwind)
Tailwind UI for Flutter (https://github.com/noirsteed/tailwind-ui)A demo of all the components implemented from Tailwind UI can be found at the following URL:
https://noirsteed.github.io/tailwind-ui/I have released a prototype version 0.1.0 of each, and if the community finds this effort useful I will continue porting utilities from Tailwind and components from Tailwind UI. Additionally, I'll push these plugins to pub.dev. Please let me know either way, so I don't waste my time.Tailwind UI is a paid product, so if you want to use the components I've built in your own product rather than just reading the source for reference, please consider supporting Tailwind Labs and buying a license.Please note, I have no affiliation with Tailwind Labs, I'm just a fan of their work.
January 26, 2022 at 11:34PM by noirsteed
https://ift.tt/3ABCpfX
Tailwindcss
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
New post on /r/flutterdev subreddit:
Flutter Mobile Apps Working with Flutter AppBar inside Scaffold
https://youtube.com/watch?v=W9tq3qpnaz8&feature=share
January 27, 2022 at 12:56AM by osppro
https://ift.tt/32AOPrT
Flutter Mobile Apps Working with Flutter AppBar inside Scaffold
https://youtube.com/watch?v=W9tq3qpnaz8&feature=share
January 27, 2022 at 12:56AM by osppro
https://ift.tt/32AOPrT
YouTube
Flutter Mobile Apps Working with Flutter AppBar inside Scaffold
Please subscribe for mroe videos. Flutter Mobile Apps Working with Flutter AppBar inside Scaffold------------Flutter Mobile Apps (AppBar)The app bar is one...
New post on /r/flutterdev subreddit:
Best way to test across different screen sizes?
Hey all, wanted to open this discussion to hear your thoughts. Usually when I want to test new visual elements in an app I try to spin up a very small screen and an above average screen size to make sure it looks good on both. This is a pretty resource intensive process though, and my computer often can't handle two iOS Simulators or two Android emulators running at once.On the web this is a pretty easy task, I can just resize the window to see how it looks smaller or bigger. Is there such a tool you use for Flutter? Like a phone simulator where you can easily resize the screen?If not, what do you do to address this?
January 27, 2022 at 02:34AM by aamirislam
https://ift.tt/3u9a8MN
Best way to test across different screen sizes?
Hey all, wanted to open this discussion to hear your thoughts. Usually when I want to test new visual elements in an app I try to spin up a very small screen and an above average screen size to make sure it looks good on both. This is a pretty resource intensive process though, and my computer often can't handle two iOS Simulators or two Android emulators running at once.On the web this is a pretty easy task, I can just resize the window to see how it looks smaller or bigger. Is there such a tool you use for Flutter? Like a phone simulator where you can easily resize the screen?If not, what do you do to address this?
January 27, 2022 at 02:34AM by aamirislam
https://ift.tt/3u9a8MN
Reddit
From the FlutterDev community on Reddit
Explore this post and more from the FlutterDev community
New post on /r/flutterdev subreddit:
Flutter Mobile Apps - Adding a splash screen to your mobile app
https://youtube.com/watch?v=IyHXMgbxDKY&feature=share
January 27, 2022 at 08:06AM by osppro
https://ift.tt/3G3R70w
Flutter Mobile Apps - Adding a splash screen to your mobile app
https://youtube.com/watch?v=IyHXMgbxDKY&feature=share
January 27, 2022 at 08:06AM by osppro
https://ift.tt/3G3R70w
YouTube
Flutter Mobile Apps - Adding a splash screen to your mobile app
Flutter Mobile Apps - Adding a splash screen to your mobile app #14
Pls subscribe for more videos.
Splash Screen is the first screen that we see when we run our application. It is also known as Launch Screen. We will implement three basic methods to add a…
Pls subscribe for more videos.
Splash Screen is the first screen that we see when we run our application. It is also known as Launch Screen. We will implement three basic methods to add a…
New post on /r/flutterdev subreddit:
Convert css style to Flutter code online.
https://ift.tt/3u0nZF3
January 27, 2022 at 09:25AM by Plastic_District_284
https://ift.tt/3ABX57E
Convert css style to Flutter code online.
https://ift.tt/3u0nZF3
January 27, 2022 at 09:25AM by Plastic_District_284
https://ift.tt/3ABX57E
GitHub
GitHub - drawcall/c2f: C2F can convert css style to Flutter code online.
C2F can convert css style to Flutter code online. Contribute to drawcall/c2f development by creating an account on GitHub.
New post on /r/flutterdev subreddit:
Convert css style to Flutter code online
For beginners, the flutter style is really hard to remember. I want to build a website that converts css styles to flutter style online. Maybe it will help those web developers get started quickly.link: https://drawcall.github.io/c2f/NOTEAlthough I have already written a part of the code, there are still a lot of styles that I have not converted. I very much hope that you can join and participate, sincerely inviteI want to use postcssto do a lot of things, we can get a style attribute and value, and then do a big mapping table... If you have a better idea, you can implement it together.C2F is an interesting little project. hope to find a way to convert css styles to flutter styles. I believe many web developers will like it. https://drawcall.github.io/c2f/
January 27, 2022 at 09:21AM by Plastic_District_284
https://ift.tt/3H5YbLt
Convert css style to Flutter code online
For beginners, the flutter style is really hard to remember. I want to build a website that converts css styles to flutter style online. Maybe it will help those web developers get started quickly.link: https://drawcall.github.io/c2f/NOTEAlthough I have already written a part of the code, there are still a lot of styles that I have not converted. I very much hope that you can join and participate, sincerely inviteI want to use postcssto do a lot of things, we can get a style attribute and value, and then do a big mapping table... If you have a better idea, you can implement it together.C2F is an interesting little project. hope to find a way to convert css styles to flutter styles. I believe many web developers will like it. https://drawcall.github.io/c2f/
January 27, 2022 at 09:21AM by Plastic_District_284
https://ift.tt/3H5YbLt
New tweet from FlutterDev:
🔥💙 #TheBoringShow is here! Tune in with @Fitzface and @puf 👇 https://t.co/BhpmWQxeUp— Flutter (@FlutterDev) Jan 27, 2022
January 27, 2022 at 11:30AM
https://twitter.com/FlutterDev/status/1486647671871971329
🔥💙 #TheBoringShow is here! Tune in with @Fitzface and @puf 👇 https://t.co/BhpmWQxeUp— Flutter (@FlutterDev) Jan 27, 2022
January 27, 2022 at 11:30AM
https://twitter.com/FlutterDev/status/1486647671871971329
New post on /r/flutterdev subreddit:
v1.1.0 release of Spotube
What is it?A Flutter based lightweight spotify desktop-client. It utilizes the power of Spotify & Youtube's public API & creates a hazardless, performant & resource friendly User ExperienceWhat's New?Album, ArtistProfile pagesDownload song💫User followed ArtistsMac OS support🔥Search🔎 support Users, Artist, Playlist & AlbumPlay playlist from any index & many moreGithub: https://github.com/KRTirtho/spotube
January 27, 2022 at 01:10PM by krtirtho
https://ift.tt/33Ofd2l
v1.1.0 release of Spotube
What is it?A Flutter based lightweight spotify desktop-client. It utilizes the power of Spotify & Youtube's public API & creates a hazardless, performant & resource friendly User ExperienceWhat's New?Album, ArtistProfile pagesDownload song💫User followed ArtistsMac OS support🔥Search🔎 support Users, Artist, Playlist & AlbumPlay playlist from any index & many moreGithub: https://github.com/KRTirtho/spotube
January 27, 2022 at 01:10PM by krtirtho
https://ift.tt/33Ofd2l
GitHub
GitHub - KRTirtho/spotube: 🎧 Open source music client! Available for both desktop & mobile!
🎧 Open source music client! Available for both desktop & mobile! - KRTirtho/spotube
New post on /r/flutterdev subreddit:
Can canvaskit become a part of web specification?
Canvaskit makes up >90% of web builds of flutter apps. I know that this library is supposed to be cached by cdns (which is why flutter web apps link to a cdn for canvaskit), but in real life, it doesn't appear to work (version mismatch, cache timeout). The browser downloads it whenever you open a flutter website. It sounds a little stupid, but I wanted to ask if it's possible that we might see canvaskit included with the browsers in future?
January 27, 2022 at 02:05PM by meradolaniaaya
https://ift.tt/3HaGNFo
Can canvaskit become a part of web specification?
Canvaskit makes up >90% of web builds of flutter apps. I know that this library is supposed to be cached by cdns (which is why flutter web apps link to a cdn for canvaskit), but in real life, it doesn't appear to work (version mismatch, cache timeout). The browser downloads it whenever you open a flutter website. It sounds a little stupid, but I wanted to ask if it's possible that we might see canvaskit included with the browsers in future?
January 27, 2022 at 02:05PM by meradolaniaaya
https://ift.tt/3HaGNFo
reddit
Can canvaskit become a part of web specification?
Canvaskit makes up >90% of web builds of flutter apps. I know that this library is supposed to be cached by cdns (which is why flutter web apps...
New post on /r/flutterdev subreddit:
Simplified Flutter Localization using a BuildContext extension
https://ift.tt/3r5oLP1
January 27, 2022 at 03:40PM by bizz84
https://ift.tt/3nZWdoc
Simplified Flutter Localization using a BuildContext extension
https://ift.tt/3r5oLP1
January 27, 2022 at 03:40PM by bizz84
https://ift.tt/3nZWdoc
Code With Andrea
Simplified Flutter Localization using a BuildContext extension
How to simplify the Flutter skeleton app template to more easily access localized strings inside our widgets.
New post on /r/flutterdev subreddit:
Flutter Onboarding, CORS & Co. - 02 - PUB.DEV RELEASES
https://youtube.com/watch?v=SjRJUJK756w&feature=share
January 27, 2022 at 03:22PM by syntacops
https://ift.tt/3KKoitD
Flutter Onboarding, CORS & Co. - 02 - PUB.DEV RELEASES
https://youtube.com/watch?v=SjRJUJK756w&feature=share
January 27, 2022 at 03:22PM by syntacops
https://ift.tt/3KKoitD
YouTube
Flutter Onboarding, CORS & Co. - 02 - PUB.DEV RELEASES
📩 PUB.DEV RELEASES via EMAIL? Subscribe now at http://follow.syntacops.com/ 🎬 FULL PLAYLIST at http://releases.syntacops.com/🔙 PREVIOUS EPISODE: https://...
New post on /r/flutterdev subreddit:
Package YetAnotherLayoutBuilder
After few weeks of development I finally release version 0.2.0 of my package which allow to create UI in XML. Currently I'm using it in one application and it look like can be usable, so I decided to share it with wider audience. Any suggestions for improvement, and typical use cases which I do not covered yet, are welcome.Link to it on Pub Dev:https://pub.dev/packages/yet_another_layout_builderNote: I didn't have chance to test it on iOS/Web. Currently it's used for android app but I should be possible to use it on other platforms.
January 27, 2022 at 03:20PM by thetoster
https://ift.tt/3u6nysU
Package YetAnotherLayoutBuilder
After few weeks of development I finally release version 0.2.0 of my package which allow to create UI in XML. Currently I'm using it in one application and it look like can be usable, so I decided to share it with wider audience. Any suggestions for improvement, and typical use cases which I do not covered yet, are welcome.Link to it on Pub Dev:https://pub.dev/packages/yet_another_layout_builderNote: I didn't have chance to test it on iOS/Web. Currently it's used for android app but I should be possible to use it on other platforms.
January 27, 2022 at 03:20PM by thetoster
https://ift.tt/3u6nysU
Dart packages
yet_another_layout_builder | Flutter Package
Yet another Flutter library for building layouts from xml assets (YALB). Using builder for generating most of needed code to perform transform from xml to widgets.
New post on /r/flutterdev subreddit:
“Open the Sky” was the first @FlutterDev commit on Oct 23, 2014 by Adam Barth
https://twitter.com/bluemix2/status/1486755397595803654?s=21
January 27, 2022 at 06:47PM by bluemix
https://ift.tt/3ulrrub
“Open the Sky” was the first @FlutterDev commit on Oct 23, 2014 by Adam Barth
https://twitter.com/bluemix2/status/1486755397595803654?s=21
January 27, 2022 at 06:47PM by bluemix
https://ift.tt/3ulrrub
Twitter
Abdulmomen عبدالمؤمن
“Open the Sky” was the first @FlutterDev commit on Oct 23, 2014
New post on /r/flutterdev subreddit:
Baseline (Widget of the Week)
https://youtube.com/watch?v=8ZaFk0yvNlI&feature=share
January 27, 2022 at 08:11PM by Pixelreddit
https://ift.tt/3rZb5Eq
Baseline (Widget of the Week)
https://youtube.com/watch?v=8ZaFk0yvNlI&feature=share
January 27, 2022 at 08:11PM by Pixelreddit
https://ift.tt/3rZb5Eq
YouTube
Baseline (Widget of the Week)
Learn more about Baseline → https://goo.gle/33CHSaj
Positioning widgets in Flutter is usually easy - you decide where they start and how big they are, and they're positioned! But what if you need to position a widget of unknown size such that its bottom…
Positioning widgets in Flutter is usually easy - you decide where they start and how big they are, and they're positioned! But what if you need to position a widget of unknown size such that its bottom…
New post on /r/flutterdev subreddit:
How to Implement Scratch Card Feature in Flutter Application?
https://ift.tt/3IOCbVT
January 27, 2022 at 07:35PM by rrtutors
https://ift.tt/35nXeQt
How to Implement Scratch Card Feature in Flutter Application?
https://ift.tt/3IOCbVT
January 27, 2022 at 07:35PM by rrtutors
https://ift.tt/35nXeQt
Rrtutors
How to Implement Scratch Card Feature in Flutter Application?
Scratch card implementation in flutter with scratcher plugin.
New post on /r/flutterdev subreddit:
Issue with Android Studio AVD on Linux
Hello everyone!Is anyone here successfully using Android Studio for Flutter development on Linux?I'm, currently using
January 27, 2022 at 07:19PM by tiger5000
https://ift.tt/35ulZL0
Issue with Android Studio AVD on Linux
Hello everyone!Is anyone here successfully using Android Studio for Flutter development on Linux?I'm, currently using
Pop Os 21.10
and Android Studio 2021.1.1
.The problem is that whenever I'm in a Flutter project I cannot open "Device manager".It opens fine in a Kotlin project where I created an Android Emulator. After that I switched back to my Flutter project and I can run the app on the new Emulator. But I still cannot open the Device Manager and cannot have the Emulator to be displayed in Android Studio (it is as a float window).Did anyone have similar issue or know what I should check? When I first encountered the problem I reinstalled my OS hoping that would resolve anything, but the problems persists.January 27, 2022 at 07:19PM by tiger5000
https://ift.tt/35ulZL0
reddit
Issue with Android Studio AVD on Linux
Hello everyone! Is anyone here successfully using Android Studio for Flutter development on Linux? I'm, currently using `Pop Os 21.10` and...