Flutter Heroes
26.1K subscribers
272 photos
2 videos
31.1K links
Download Telegram
New post on /r/flutterdev subreddit:

Flutter Web Learning Portal
I would like to build a Flutter learning portal, and I’m looking for advice on the most appropriate tools to use for this.​This would be a like a statically generated blog, but with some extra features. This is what I’d like in order of priority:​- Static page generation, SEO-friendly- Posts, pages in Markdown format and saved in version control- Support for code snippets with Dart syntax highlight and line numbers- YouTube video embeds- Tags support- Home page showing all posts in Grid layout. Each item would have an image, title, date, and a couple of lines from the beginning of the post.- Fully responsive- Light/dark mode- Email sign in link with ConvertKit integration- (optional) support comments- (optional) social sharing options- (optional) site search- Analytics/page views​Later on, I may want to use the same portal to host paid courses. So I will also need:​- Subscribe/sign in options for users- Free vs paid content, available to pro subscribers- Checkout process- Subscription plans​Finally, It would be great if at least part of this portal could be built into a native app.​I’m aware that a lot of these things could be done with static site generators (e.g. Jekyll, Gatsby). I’m also looking into Netlify, Ghost.​I could set-up a traditional blog, find a theme/template, and customise it with my very basic HTML + CSS skills.​But I haven’t found a template that does all the things I want. So I’m wondering if Flutter Web could be a viable solution here.​I’ve already seen Peanut, which simplifies the deploy to GitHub-pages.​So my big burning question is: can I build the UI for my portal with Flutter Web, alongside a traditional site generation approach for the blog?​How much of this can I do in Flutter Web vs traditional content generation?​Backend-wise, what considerations should I make?​Relevant post from a few days ago:​https://www.reddit.com/r/FlutterDev/comments/bt0fh6/flutter_web_app_hosting/​Many thanks in advance for your answers!

May 30, 2019 at 06:39PM by bizz84
http://bit.ly/2YY26U8
New post on /r/flutterdev subreddit:

Is it possible to develop apps for Google Glass Enterprise Edition 2 with Flutter?
Now Google Glass Enterprise Edition 2 is on the way I wanted to ask if it is possible to develop apps for this with Flutter

May 30, 2019 at 06:32PM by miltux
http://bit.ly/2IdwnHt
New post on /r/flutterdev subreddit:

My app to create Flutter layouts on-device is finally in Open Beta. The first beta includes a variety of added widgets including PageViews, ListViews, Transforms and more. (Open source soon)
http://bit.ly/2IcT4Mb

May 30, 2019 at 08:08PM by deven9852
http://bit.ly/2WhkjyT
New tweet from FlutterDev:

The Spacer widget controls how much space appears between widgets in a row or column. Just add it between two widgets, set the flex factor, and voila. You’ve got customized spacing!

Click here for more #WidgetoftheWeek tips ↓ pic.twitter.com/8vU2vyVOJF— Flutter (@FlutterDev) May 30, 2019

May 30, 2019 at 08:22PM
http://twitter.com/FlutterDev/status/1134163264605024256
New post on Flutter Dev Google group:

Any idea about encoding CGImage to WebP by libwebp?
Hi there, I published a video to thumbnail plugin : http://bit.ly/2Qua0S0 . But when I was testing it on iPhone and iPhone simulator, I found the color wasn't looking right. I have to use WebPEncodeBGRA instead of WebPEncodeRGBA as CGImage states the data should be "rByte

May 30, 2019 at 08:50PM by John Zhong
http://bit.ly/2Wzw5Ei
New post on /r/flutterdev subreddit:

Run integration test directly on device
Hi,I'm currently evaluating Flutter and am very excited overall, I can image this being the future of app development for most apps.However, I feel like there is something missing in the testing suites:Support for integration tests running directly on the device. Something like instrumentation tests on android.I know that I can run driver tests, however the interaction with the driver is pretty limited, this is only for UI testing.I want to run tests that, for example, connect to the database and run a query.I can write something like this:
void main() async { final DatabaseOpenHelper dbHelper = DatabaseOpenHelper(rootBundle); Database db; setUp(() async { db = await dbHelper.openDb(); }); tearDown(() async { db.close(); }); test("Open db is ok", () async { expect(db.isOpen, true); }); } 
And run it with flutter run integration_test/db_test.dart, and this successfully executes the test. But the tests keeps running afterwards. I could call exit() in tearDownAll(), but this would exit with a non-zero exit code. I would like to have a 0 exit code if all tests succeeded, and a non-zero exit code otherwise.With flutter drive I would get this behaviour but of course I can't run any platform specific code in the target file. I wrote a proof of concept hack to get this behaviour via communication over a flutter driver extension, but I wonder if I keep missing something obvious to get the behaviour I want, I think that's quite a common use case.Here's what I did:db_test.dart (code executed on the host):``` import 'package:flutter_driver/flutter_driver.dart'; import 'package:test/test.dart';void main() async { FlutterDriver driver;setUpAll(() async { driver = await FlutterDriver.connect(); });test("wait for device tests", () async { String result; do { result = await driver.requestData(""); print("test status? $result"); await Future.delayed(Duration(seconds: 1)); } while (result == "waiting"); expect(result, "ok"); });tearDownAll(() async { if (driver != null) { await driver.close(); } }); } ```Basically the code on the host just waits for the driver to finish all tests and then gets the exceptions (if any) or the string "ok" if everything went fine.db_native_test.dart (code executed on the phone):``` import 'package:flutter_test/flutter_test.dart' as test; import 'package:sqflite/sqflite.dart';List<dynamic> exceptions = [];///custom expect method to intercept fails expect(dynamic actual, dynamic matcher, {String reason, dynamic skip}) { try { test.expect(actual, matcher, reason: reason, skip: skip); } catch (err) { exceptions.add(err); rethrow; } }void main() async { final DatabaseOpenHelper dbHelper = DatabaseOpenHelper(rootBundle); Database db;var status = "waiting";enableFlutterDriverExtension(handler: (request) => Future.value(status));test.tearDownAll(() { if (exceptions.isEmpty) { status = "ok"; } else { status = "fail: " + exceptions.join("\n"); } });test.setUp(() async { db = await dbHelper.openDb(); });test.tearDown(() async { db.close(); });test.test("Open db is ok", () async { expect(db.isOpen, true); }); ```This works, can also be used with hot reloading (running it with flutter run), but it's a lot of code, and it's hacky. Is there an easier way?

May 30, 2019 at 11:39PM by knaekce
http://bit.ly/2Wtc8it
New post on /r/flutterdev subreddit:

Flutter + vscode Github versioning integration
For some reason I was always afraid to use version control system because it seems very complicated to me with commits pulls pushes merges.I have an overall idea of what they are but I am too afraid to use them with my app code. I fear i would do something wrong and The code would be in an unrecoverable state after a mistake.Do any of you have any resources for setting up and using github inside vscode for flutter development? Preferably a tutorial video or an article. I am tired of zipping my code folder and backing it up.

May 30, 2019 at 10:31PM by aytunch
http://bit.ly/2XnR7D7
New post on /r/flutterdev subreddit:

Flutter web responsive portfolio app
Here is the mobile meets web. Yeah! my first ever responsive portfolio website built using flutter web with love​Code: (link: https://github.com/TakeoffAndroid/takeoffandroid.github.io) github.com/TakeoffAndroid…Website: (link: https://takeoffandroid.github.io/#/) takeoffandroid.github.io/#/

May 30, 2019 at 07:52PM by takeoffandroid
http://bit.ly/2W4abEK
New post on Flutter Dev Google group:

Compiler errors? Please help a noob
This is so far above my head! Does anyone know what is going on so I can run this app in the simulator again? Launching lib/main.dart on iPhone XS in debug mode... Compiler message: file:///Users/brennan/flutter/.pub-cache/hosted/ pub.dartlang.org/flutter_sticky_header-0.3.4/lib/src/widgets/s

May 31, 2019 at 06:18AM by Brennan Altringer
http://bit.ly/2YWOYyj
New post on /r/flutterdev subreddit:

MetaFlutter: An app to create Flutter layouts on the phone (Open Source)
I created an open source project to allow users to build Flutter layouts on the phone.Build out an idea you had instantly, try out something you've never tried before or just use it as a tool for Flutter layout demonstrations.Check it out:PlayStore LinkSource Code

May 31, 2019 at 08:11AM by deven9852
http://bit.ly/2wsL7Nv
New post on Flutter Dev Google group:

Flutter vs Unity
Hi I bumped into a discussion with my friends who are app/game developers. Many of them build games with unity that i had not heard of previously. They had not heard of flutter. This got me wondering what's the positioning of these two platforms and specially what's the unique differentiation

May 31, 2019 at 09:43AM by Jagan Gmail
http://bit.ly/2MnmufK