Wings for Flutter

Instantly preview Flutter widgets, inside VSCode. Welcome to Wings. Public beta available now: flutterwings.dev

@shinnaaaga Hello, v0.1.43 is released, it probably fixes the problem you were having 😊

testコードをプレビューできると聞いて、試してみたけど、v0.1.42はそもそも正常動作しなかった v0.1.40にダウングレードしたら動いた

✨ New in Wings ✨ View widget tests in VSCode, with hot restart. flutterwings.dev

@techMosavvy @peteralexbizjak

@peteralexbizjak So is @WingsForFlutter dead?

That's what Flutter lacks in comparison to Jetpack Compose and SwiftUI.

@peteralexbizjak @techMosavvy Thank you for sharing 😊

@techMosavvy @WingsForFlutter Oh no, I've never been approached by them. It's just a random thing I found and thought about sharing it. Though, I wish I were paid to promote some of the tools I talk about all the time.

@ghostinflo @detactl Hi, Windows support is now available 😊 marketplace.visualstudio.com/items?itemName…

Instantly preview Flutter widgets, inside VSCode. Welcome to Wings. Public beta available now: flutterwings.dev

@ErickRodrCodes Hi, Windows support is now available 😊 marketplace.visualstudio.com/items?itemName…

@WingsForFlutter What about windows users? Relegated to be forgotten?

@Taimoor31371999 Hi, Windows support is now available 😊 marketplace.visualstudio.com/items?itemName…

@WingsForFlutter what about windows users? Are they forgotten?

Hello Windows fans 👋 Wings now supports Windows: marketplace.visualstudio.com/items?itemName…

@OrestesGaolin The preview is running on the Flutter tester, not on Flutter web. You can't currently toggle platform-specific behaviour, l10n or text scaling... but stand by 😊

@WingsForFlutter Haven't tried it yet, but having few questions. Is it running web preview? Can we force platform specific behavior e.g. make it think it is rendering on iOS? I suppose things like l10n or text scaling should be done via config or custom wrappers?

@romanroan Sorry, I don't really understand the question... preview() is required to show a preview, to show the theme you can use a preview_config.dart file: flutterwings.dev/docs/widget-pr…

@WingsForFlutter not clear if preview() is required to show theme or it's required anyway?

@yerlikayahasim Yay! Yes, add a preview_config.dart file in your lib folder: flutterwings.dev/docs/widget-pr… At the top of the buildPreview method, initialise any state you need.

@romanroan There should be a Code Lens above any top-level function containing the word “preview”: flutterwings.dev/docs/widget-pr…

@WingsForFlutter how/where it is supposed to appear after it's installed?

@Eevan96 Thank you 🤩❤️

A beautiful thing❤️

@Taimoor31371999 They're not! Coming in the new few weeks 😊

@trejdych Just pushed a new version (0.1.36) that fixes the preview_config.dart problem, so you don't have to restart VSCode. Thanks for the feedback ❤️

@WingsForFlutter Yes. Restarting vscode fixed the issue. I’ve tested on different project and everything works 💪

@jkoenig134 This seems to be an issue with Flutter itself. Running "flutter test" on a file that uses absolute paths fails (Wings uses flutter test to run previews). I don't think Wings can work around it, sorry - will file a Flutter issue.

@WingsForFlutter You're welcome, I'm happy to try it out again.

@ghostinflo @detactl Just for the moment. Windows and Linux support coming soon ❤️

@ErickRodrCodes Coming soon ❤️

@jkoenig134 Will look into it, thank you 👍

@WingsForFlutter We have some imports starting with / like "import '/foo/foo.dart';"

@jkoenig134 What do you mean by absolute imports? Which format?

@WingsForFlutter Very cool, gave it a spin, but absolute imports seem to kill the thing 😐