ListView with でのデータの作成と表示 Flutter

では Flutter、 を使用してデータを作成および表示できます ListView。 ListView は、カスタム ウィジェットなどのコンポーネントを含むスクロール可能なリストを作成できるウィジェットです ListTile。

ここでは、 でデータを作成および表示する方法についてのガイドを示します ListView。

データリストの作成

まず、 に表示するデータ リストを作成する必要があります ListView。 このリストには、文字列、オブジェクト、または表示したい任意のタイプのデータのリストを指定できます。

例:

List<String> dataList = [  
  'Item 1',  
  'Item 2',  
  'Item 3',  
  'Item 4',  
  'Item 5',  
];  

データの作成 ListView と表示

次に、 .builder コンストラクターを ListView 使用して を作成し、データを表示できます ListView。 これにより、データ リスト内の項目数に基づいてリストを作成できます。

例:

ListView.builder(  
  itemCount: dataList.length,  
  itemBuilder:(BuildContext context, int index) {  
    return ListTile(  
      title: Text(dataList[index]),  
   );  
  },  
)  

上の例では、 ListView dataList 内の項目の数として itemCount を使用して を作成します。 ListTile 各項目は、対応するタイトルとともに で表示されます。

ListView カスタムリストと 併用する

.builderを使用する以外に、.builder 内にカスタム ウィジェットを提供することでカスタム リストを表示すること ListView もできます 。 ListView ListView

例:

ListView(  
  children: dataList.map((item) => ListTile(title: Text(item))).toList(),  
)  

上の例では、map メソッドを使用して、dataList 内の各項目を、 ListTile 対応するタイトルを含む に変換します。

 

結論:

ListView Flutter は、データのリストを簡単に作成および表示できる 強力なウィジェットです。 を使用すると ListView 、必要に応じて項目のリストを表示し、アプリのユーザー エクスペリエンスを向上させることができます。