Question

I want to loop some part of function base on widget.menuItem.category.length, I am new in flutter. Here is my current code :

_buildContentView({BuildContext context}) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        _buildMenuItemImage(),
        Container(
          child: Text(widget.menuItem.name,
              style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
          padding: EdgeInsets.only(left: 16, right: 16, top: 12, bottom: 8),
        ),
        Container(
          child: Text(widget.menuItem.itemDescription,
              style: TextStyle(fontSize: 18, fontWeight: FontWeight.normal)),
          padding: EdgeInsets.only(left: 16, right: 16, top: 12, bottom: 8),
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Container(
              child: Text( Select   + widget.menuItem.category[0]),
              padding: EdgeInsets.only(left: 16, right: 16, top: 8, bottom: 6),
            ),
            Container(
              child: Text( Select   +
                  _qty.toString() +
                    item (  +
                  _qty.toString() +
                   /  +
                  widget.menuItem.setMenuItems.length.toString() +
                   ) ),
              padding: EdgeInsets.only(left: 16, right: 16, top: 8, bottom: 6),
            ),
          ],
        ),
        _buildSetMenusView(setMenuItems: widget.menuItem.setMenuItems),
        Padding(
          padding: EdgeInsets.only(left: 12, right: 12, top: 8, bottom: 12),
          child: _buildActionButtons(context: context),
        )
      ],
    );
  }

我想谈谈这一部分:

Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Container(
              child: Text( Select   + widget.menuItem.category[0]),
              padding: EdgeInsets.only(left: 16, right: 16, top: 8, bottom: 6),
            ),
            Container(
              child: Text( Select   +
                  _qty.toString() +
                    item (  +
                  _qty.toString() +
                   /  +
                  widget.menuItem.setMenuItems.length.toString() +
                   ) ),
              padding: EdgeInsets.only(left: 16, right: 16, top: 8, bottom: 6),
            ),
          ],
        ),
        _buildSetMenusView(setMenuItems: widget.menuItem.setMenuItems),

我尝试了这一法典,但没有成功。

for(var i = 0; i < widget.menuItem.category.length; i++){
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Container(
              child: Text( Select   + widget.menuItem.category[i]),
              padding: EdgeInsets.only(left: 16, right: 16, top: 8, bottom: 6),
            ),
            Container(
              child: Text( Select   +
                  _qty.toString() +
                    item (  +
                  _qty.toString() +
                   /  +
                  widget.menuItem.setMenuItems.length.toString() +
                   ) ),
              padding: EdgeInsets.only(left: 16, right: 16, top: 8, bottom: 6),
            ),
          ],
        ),
        _buildSetMenusView(setMenuItems: widget.menuItem.setMenuItems),
}

哪一部正确的法典能够把这一部分放在冲碎中? 请帮助我修复这一冲破碎的隔op。

Answer 1

如果获得你的权利,你就必须在<条码>内填上植被。页: 1 当你有大批儿童种植植被时,以及你想要在需求的基础上建设这些植被时,便选择了“ListView.builder。这里,你如何在<代码>内填满植被。名单:

Import Flutter Material: First, make sure you have imported the necessary Flutter material library in your Dart file.

import  package:flutter/material.dart ;

Create a ListView.builder: Define a ListView.builder widget. This widget takes a builder function that generates the list items dynamically based on the index.

ListView.builder(
  itemCount: itemCount, // Replace itemCount with the actual number of items you have.
  itemBuilder: (BuildContext context, int index) {
    // Here, you can return a widget for each list item based on the index.
    return YourListItemWidget(index); // Replace YourListItemWidget with your custom widget.
  },
)

Create Your Custom List Item Widget: You ll need to create a custom widget for each item in the list. This is where you can define the layout and design of your list items.

class YourListItemWidget extends StatelessWidget {
  final int index;

  YourListItemWidget(this.index);

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text( Item $index ), // Customize this based on your data.
      // Add other widgets and styling as needed.
    );
  }
}

www.un.org/Depts/DGACM/index_spanish.htm 用你的数据取代项目Count和YouListItemWidget:。在<代码>ListView.builder上,将itemCount与您名单上所列项目的实际数目相替换,并将与您的习俗清单项目重重。
Display the ListView.builder: Finally, add your ListView.builder to your widget tree in the appropriate part of your Flutter app.

Here s a complete example:

import  package:flutter/material.dart ;

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text( ListView.builder Example ),
        ),
        body: MyListView(),
      ),
    );
  }
}

class MyListView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: 20, // Replace with the actual number of items.
      itemBuilder: (BuildContext context, int index) {
        return YourListItemWidget(index); // Replace with your custom widget.
      },
    );
  }
}

class YourListItemWidget extends StatelessWidget {
  final int index;

  YourListItemWidget(this.index);

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text( Item $index ), // Customize this based on your data.
      // Add other widgets and styling as needed.
    );
  }
}

将<条码>项目编码>(Count)和<条码>(YourListItemWidget的内容改为您的实际数据和根据需要定制植被。这将使你能够使用<代码”编制一个可滚动项目清单。 ListView.builder in Flutter.

Answer 2

虽然你在哥伦内找工作,并想归还多种植被,但你可以为此使用假操作器。

for(var i = 0; i < widget.menuItem.category.length; i++)
  ...[
      Row(),
      _buildSetMenusView()
     ],

另外,你还可以回来另一兄弟。

友情链接