Flutter Heroes
26.1K subscribers
272 photos
2 videos
31.1K links
Download Telegram
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
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:
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
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
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
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
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
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
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 more​Github: https://github.com/KRTirtho/spotube

January 27, 2022 at 01:10PM by krtirtho
https://ift.tt/33Ofd2l
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
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_builder​Note: 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
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
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
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 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