dart - Dart Widget Package にある showhide 効果をどのように使用しますか?

Question

ここで、Kevin Moore のウィジェット パッケージに付属する ShowHide 効果を使用しようとしています。

http://dart-lang.github.io/widget.dart/#showhide

これを使用する方法がわからない。誰でも私が見ることができる例を持っていますか?

基本的に私が望むのは、特定のイベントが発生した場合に、これらの効果のいずれかをドロップダウンで表示することだけです。

あなたのヒントに感謝します。

ありがとう。

Answer 1

イベントのリスナーを DOM の要素に追加し、ShowHide.toggle(element, effect) を使用して効果をトリガーする必要があります。ボタンのクリックをリッスンし、ボタンが押されるたびに画像の FadeEffect を切り替える例を次に示します。

  var button = query("#fadeButton")
      ..onClick.listen((event) {
        ShowHide.toggle(query("#fadeImage"), effect: new FadeEffect());
      });

メニューバーをクリックしたときにドロップダウンをフェードイン/フェードアウトしたい場合は、クリックをリッスンするメニューを「fadeButton」に置き換え、ドロップダウン要素を「fadeImage」に置き換えます。

また、FadeEffect の代わりに、DoorEffect、ScaleEffect、ShrinkEffect などの他の効果を使用することもできます。