Flutter Heroes

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 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

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

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: 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

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: 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: 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

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: 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: 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

New post on /r/flutterdev subreddit: Remote Flutter Jobs Hey everyone my name is Caleb, I'm a Senior IT Recruiter with Signature Consultants in Orlando, FL. I'm new to the sub so apologies if this is the wrong way to go about posting. I have a client that is currently taking on multiple Flutter related mobile projects so I'm searching for Flutter Developers/Architects.I’ve already placed multiple Flutter developers with this same team.  It’s a fully remote as well. If you’re looking for work in the Flutter space, I’d love to talk! Please send me a resume along with a good time to give you a call if you're interested! Please DM me for an email address. January 26, 2022 at 05:15PM by shockzenergy https://ift.tt/33TE0BV

New post on /r/flutterdev subreddit: Our favorite pub.dev libraries - gskinner blog https://ift.tt/3IJjjHL January 26, 2022 at 04:58PM by gskinner_team https://ift.tt/3KLSWCH

New post on /r/flutterdev subreddit: Best Flutter conferences? Looking for recommendations on Flutter conferences happening this year. January 26, 2022 at 05:00PM by rab_eye https://ift.tt/3AxhoDg

New post on /r/flutterdev subreddit: Learn About LayoutBuilder Widget in 1 minute https://youtu.be/deMoHxFs4mQ January 26, 2022 at 02:41PM by OSetups https://ift.tt/35fX25K

New post on /r/flutterdev subreddit: Why don't Flutter plugins repository have issues tab for others can raise the issue? The plugins is missing Issues tab currently. It's hard for developers who need to raise or find issues on packages.The Issues tab should be enable same as another repos, such as plus_plugins January 26, 2022 at 11:35AM by vegeta0911 https://ift.tt/3nZP7jB

New post on /r/flutterdev subreddit: The future-proof solution to manage your Flutter versions: global, FVM, or asdf-vm? https://ift.tt/3KWiBcb January 26, 2022 at 10:29AM by b099l3 https://ift.tt/3H7q85q

New post on /r/flutterdev subreddit: Grocery App - Flutter & NodeJS - Home Categories - EP02 https://youtu.be/rXLwX3uUYjA January 26, 2022 at 09:33AM by Aromatic-End-3667 https://ift.tt/33MmFLl

New post on /r/flutterdev subreddit: Anyone have a nice tutorial on how to create login/signup form with google,apple,twitter 3rd party authentication on Firebase? Flutter login/signup page with 3rd party authentication on firebase January 26, 2022 at 08:36AM by HappyAd9504 https://ift.tt/3u1foSC

New post on /r/flutterdev subreddit: Writing logic before starting the UI My background is data science so I have no real experience in making mobile apps. For novelty's sake I wanted to learn Flutter and Dart. I haven't done a lot in Flutter yet but Dart is really a blast, it reminds me of C++ and Java without the stuff I dislike in both languages, took me virtually no time to pick it up.In the past I made a simple desktop application with Java and Swing. I wrote all logic in advance and then retrofit the swing based UI on it, this was a seamless process.I'm doing the same with Dart, I've written say 70 % of the business logic of my application and my original plan was to simply build the UI and call methods from the widgets. All the logic has unit tests so I'm at least able to verify that it's working as intended.Does this workflow apply to Flutter though? Stuff like bloc would probably require a significant revamp of my code. I'm also not keen on having my logic tightly coupled with my UI, handling interaction between objects is/will be done irrespective of Flutter.Would it make more sense to halt progress, delve deeper into Flutter and make my business logic 'Flutter compliant' or is this a non-issue? January 26, 2022 at 06:37AM by Aggressive_Ad_3178 https://ift.tt/3AuQgEU