フラッター・ラップ・フロー・アレンジメント

コンストラクタ

ラップ（{ 
    キーキー、
    この .Direction = Axis.horizontal、//長手方向、横断
     この .Alignment = のWrapAlignment.start、//アラインメント
     この .SPACING = 0.0 、//間隔
     この .runAlignment = WrapAlignment.start、
     本。 = 0.0 runSpacing 、
     この .crossAxisAlignment = WrapCrossAlignment.start、//横軸
     この.textDirection、//テキストの向き
     この .verticalDirection = VerticalDirection.down、垂直// 
    リスト <ウィジェット>子供= CONST <ウィジェット> [] 
  } ）：スーパー（キー：キー、子供：子供）。

ライン、自動的にフルサポートしていない場合、それはラップされ、全面的な支援を確保計算することができるようになります

インポート 'パッケージ：フラッタ/ material.dart' ;
 インポート 'パッケージ：flutter_rulin_teachingstaff /スタイル/ main_style.dart' ; 

クラス ClassSeatsPageが延びStatefulWidget { 
  @Override 
  _ClassSeatsPageState createState（） => _ClassSeatsPageState（）; 
} 

クラス _ClassSeatsPageStateが延びている状態<ClassSeatsPage> { 
  リストの<string> _list = [ 'シート1'、 'シート2'、 'シート3 '座4' '席5'、 'シート6'、 '座7'、'シート8「シート9 ''シート10 ' ]; 

  リスト <ウィジェット>_getWidget（）{
     戻り _list.map（（STR）=> カード（
      標高：3 、
      子供：コンテナ（
        パディング：EdgeInsets.only（上： 10 ）、
        幅： 60 、
        高さ： 40 、
        子供：テキスト（
          STR、
          textAlign：TextAlign.center、
          スタイル：TEXTSTYLE（たfontWeight：FontWeight.bold、fontSizeを： 14 ）、 ）、
        ）、
      
    ））ToList メソッド（）。
  } 

  @Override 
  ウィジェットビルド（BuildContextコンテキスト）{ 
    リターン足場（
      アプリケーションバー：アプリケーションバー（
        タイトル：テキスト（ '上課位置' ）、 
      ）、
      ボディ：コンテナ（
        パディング：EdgeInsets.all（、 10 ）、
        子供：カラム（
          子供： <ウィジェット> [ 
            行（
              mainAxisAlignment：MainAxisAlignment.center、
              子供： <ウィジェット> [ 
                カード（
                  標高： 3 、
                  子供：コンテナ（
                    パディング：EdgeInsets.only（トップ： 10 ）、
                    幅： 80 、
                    高さ： 50 、
                    子供：テキスト（
                       '講台'
                      textAlign：TextAlign.center、
                      スタイル：TEXTSTYLE（たfontWeight：FontWeight.bold、fontSizeを： 18 ）、 ）、
                    ）、
                  
                ）
              ]、 
            ）、
            ラップ（
              間隔： 10 、
              runAlignment：WrapAlignment.center、
              runSpacing： 10.0 、
              子供：_getWidget（ ）
            ）
          ]、 ）、
        ）、
      
    ）。
  } 
}

/ * `子供：_list.map <ウィジェット>（（S）{` 
    
`リターンチップ（` 
    
`ラベル：テキスト（ '$ S'）、` 
    
`アバター：アイコン（Icons.person）、` 
    
`deleteIcon：アイコン（ ` 
    
` Icons.close、 ` 
    
`色：Colors.red、 ` 
    
`）、 `* /

参考：http://www.ptbird.cn/flutter-wrapper.html#menu_index_1

フラッター・ラップ・フロー・アレンジメント

おすすめ