[]チュートリアルと一緒にフラッタフラッタは簡単なデモを書くことを学ぶために

文字列のコードは、ランダムな文字列を生成することができ、発電機を実装して、好きな文字列がお気に入りのリストに追加されて選択できます

コードの場合:

インポート'パッケージ:フラッター/ material.dart'; 
インポート'パッケージ:/ english_words.dart english_words'; 

無効メイン()=> runApp(新しいMyAppを()); 

クラスのMyAppはStatelessWidget {延び
  @Overrideの
  ウィジェットビルド(BuildContextコンテキスト){ 
    //最終wordPair =新しいWordPair.randomを(); 
    新しいMaterialAppを返す(
      タイトル: 'スタートアップ名ジェネレータ'、
      テーマ:新ThemeData(
        のprimaryColor:Colors.white、 
      )、
      ホーム:新RandomWords()、
    ); 
  } 
} 

クラスRandomWords StatefulWidget {延び
  @Override 
  状態<StatefulWidget> createState(){ 
    // TODO:はcreateStateを実装 
    )(新しいRandomWordsStateを返します。
  }

} 

クラスRandomWordsStateはステート<RandomWords> {延び
  最終_suggestions = <WordPair> []。

  最終_biggerFont = CONST TEXTSTYLE(のfontSize:18)。

  最終_saved =新しいセット<WordPair>(); 

  @Override 
  ウィジェット構築(BuildContextコンテキスト){ 
    //最終wordPair =新しいWordPair.random()。
    //は、新しいテキスト(wordPair.asPascalCase)を返します。
    (新しい足場を返す
      :新しいアプリケーションバー(アプリケーションバー
        のタイトル:新しいテキスト( 'スタートアップ名ジェネレータ')、
        アクション:<ウィジェット> [ 
          _pushSaved)を、新しいIconButton(アイコン::新しいアイコン(Icons.list)、onPressed 
        、] 
      、)  
  ボイド_pushSaved(){ 
      体:_buildSuggestions()、
    ); 
  } 

    Navigator.of(コンテキスト).push(
      新しいMaterialPageRoute(ビルダー:(コンテキスト){ 
        最終的なタイル= _saved.map((ペア){ 
              新しいListTile(戻り
                タイトル:新しいテキストを(
                  pair.asPascalCase、
                  スタイル:_biggerFont、 
                )、
              ; 
            } 
        ); 
        最終分割= ListTile.divideTiles(
          コンテキスト:コンテキスト、
          タイル:タイル、
        ).toList(); 

        新しい足場(戻り
          アプリケーションバー:新しいアプリケーションバー(
            タイトル:新しいテキスト( '保存された提案を')、 
          )、
          ボディ:新しいリストビュー(子供:分割)、
    (新しいListTileを返します
        ); 
      }) 
    )。
  } 

  ウィジェット_buildSuggestions(){ 
    新ListView.builder(戻り
      パディング:CONST EdgeInsets.all(16.0)、
      itemBuilder:(コンテキスト、i)を{ 
        (i.isOdd)が(新たな分周器を返す場合)、
        最終インデックス= I〜/ 2。
        IF(インデックス> = _suggestions.length){ 
          _suggestions.addAll(generateWordPairs()(10を取る)。); 
        } 

        _buildRowを返す(_suggestions [インデックス]); 
      } 
    ); 
  } 

  ウィジェット_buildRow(WordPair対){ 
    最終alreadySaved = _saved.contains(ペア)
      タイトル:新しいテキスト(
        pair.asPascalCase、 
        スタイル:_biggerFont、 
      )、
      末尾:新しいアイコン(
        alreadySaved Icons.favorite:?Icons.favorite_border、
        色:?alreadySaved Colors.green:、ヌル
      )、
      ONTAP:(){ 
        SETSTATE((){ 
          場合( alreadySaved){ 
            _saved.remove(ペア); 
          }他{ 
            _saved.add(ペア); 
          } 
        })。
      }、 
    )。
  } 

}

  

業績:

あなたは、文字列のランダムなリストを生成することができます:

下落は、より多くのランダムな文字列を生成することができます。

あなたの好きな文字列を選択することができます。

あなたは、コレクションの名前を参照してください、お気に入りのリストを選択することができます。

 

おすすめ

転載: www.cnblogs.com/wuyizuokan/p/11273219.html