簡體   English   中英

如何在 Flutter 中創建動態 Widget

[英]How to Create dynamic Widget in Flutter

我是顫振開發的新手。 我需要構建一個將返回動態小部件的回調方法。 現在我很簡單地寫下一個靜態的 TextWidget。 下面是代碼

Widget buildArrayItemContentFromList(
  BuildContext ctx, Map<String, dynamic> data, int index) {
return Row(
  children: (this.itemBuilder as List).map<Widget>((field) {
    String value;
    if (field is Function)
      value = field(data);
    else
      value = data.containsKey(field) ? data[field].toString() : '';
    return Text(
      value,
      style: TextStyle(fontSize: 14),
    );
  }).toList(),
  mainAxisSize: MainAxisSize.max,
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
 );
}

我的全班都在這里

創建一個列表。 使用此列表創建一個 listView.builder。 在該方法中,將小部件添加到列表中,如果您設置它的狀態,它會自動填充。

ListView.builder(
        itemCount: field.length,
        itemBuilder: (BuildContext context,int index){
 String value;
    if (field is Function)
      value = field(data);
    else
      value = data.containsKey(field) ? data[field].toString() : '';
          return ListTile(
            title: Text(
      value,
      style: TextStyle(fontSize: 14),
    ),
            );
        }
        ),

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM