🕊️
Wings for Flutter
📕Overview
Wings for Flutter
Requires macOS and Flutter 3.19+
Free during public preview
macOS と Flutter 3.19 以降が必要です
パブリック プレビュー中は無料
今だけ無料なのか???
SwiftUIやJetpack Composeで使える仮想デバイスのプレビュー機能が使えるらしい?
🧷summary
使い方は、 VScodeの拡張機能に追加するだけです。
こちらの設定がいるのかというとそうでもないようだ。
こっちだけで使えた。
Widget previewメソッドでプレビューしたいクラスをreturn
するだけです。
Widget preview() {
return MyHomePage();
}
all code:
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
Widget build(BuildContext context) {
return MaterialApp(
theme: buildTheme(),
home: const MyHomePage(),
);
}
}
ThemeData buildTheme() {
return ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
);
}
Widget preview() {
return MyHomePage();
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key});
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
void _incrementCounter() {
setState(() {
_counter++;
});
}
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Flutter Demo'),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
_incrementCounter();
},
child: const Icon(Icons.add),
),
body: Center(
child: Text('You have pushed the button $_counter times.'),
),
);
}
}
赤い丸で囲んでいるところを押すと、プレビューが表示されます。ボタンを押すとカウンターが増えるので確認はできる。でも動作が遅い気がする???
🧑🎓thoughts
今回は、Xで話題になっていたWings for Flutter
なるものを使ってみました。Flutterのもプレビュー機能が欲しいという要望があったようですが、これのことなのか?
SwiftUIで使ったことありましたが、できないこともあるような気がする....
Discussion