Запросы на Flutter ListView

Sep 18 2020

Я изучаю списки, и у меня есть два файла dart, один из которых использует построитель ListView, а другой - Listview. Оба выводят одинаковый результат. Я следил за руководством по просмотру списка:https://pusher.com/tutorials/flutter-listviews

Ниже приведены мои запросы по списку:

  1. Я понимаю, что в реальном мире данные будут поступать из API, и хотел узнать, какие из приведенных ниже вариантов будут использоваться и почему?
  2. Правильно ли я понимаю, что любой виджет, такой как контейнер, текст, может быть дочерним элементом в listView?
  3. В варианте 1 дочерним элементом ListView является функция _buildListItemsFromLocation (). Это хорошая практика или нам следует переместить код _buildListItemsFromLocation () в отдельный файл dart?

Вариант 1: ListView

class LocationListView extends StatefulWidget {
  @override
  _LocationListViewState createState() => _LocationListViewState();
}

class _LocationListViewState extends State<LocationListView> {

  List<Container> _buildListItemsFromLocation() {
    int index = 0;
    return locationData.map((location) {
      var container = Container(
          child: Row(
            children: [
              Container(
                margin: EdgeInsets.all(10.0),
                child: Image(
                  image: AssetImage(location.imagePath),
                  width: 100.0,
                  height: 100.0,
                  fit: BoxFit.cover,
                ),
              ),
              Container(
                child: Text(location.name),
              )
            ],
          ),
      );
      return container;
    }).toList();
  }

  @override
  Widget build(BuildContext context) {
    return ListView(
      children: _buildListItemsFromLocation(),
    );
  }
}


Вариант 2 - ListView.builder

class LocationList extends StatefulWidget {
  @override
  _LocationListState createState() => _LocationListState();
}

class _LocationListState extends State<LocationList> {

  @override
  Widget build(BuildContext context) {
        return ListView.builder(
          itemCount: locationData.length,
          itemBuilder: (context, index) {
            
            return Row(
              children: [
                Container(
                  margin: EdgeInsets.all(10.0),
                  child: Image(
                    image: AssetImage(locationData[index].imagePath),
                    width: 100.0,
                    height: 100.0,
                    fit: BoxFit.cover,
                  ),
                ),
                Container(
                  child: Text(locationData[index].name),
                )
              ],
            );
        }
        );
      }
  }


Ответы

2 Souvenir Sep 18 2020 at 09:04
  1. Я использую метод 2, потому что он прост для понимания и следует порядку сверху вниз, поэтому код легко читать.
  2. Любой виджет может быть дочерним по отношению к другому виджету. В зависимости от того, как и для чего вы их используете.
  3. Многие люди говорят, что мы должны создать другой класс, а затем вызвать его снова, а не разделить, как указано выше, потому что это влияет на производительность приложения. В случае использования много, но только на одном экране, вы можете использовать тот же метод, что и ваш собственный. Ответ может быть ошибочным, дать себе нечего.
1 Autocrab Sep 18 2020 at 09:01
  1. Если вы заранее не знаете размер списка, то создайте его через конструктор

1.1 Если вы создаете список и знаете, что количество элементов не будет больше десяти или двенадцати, вы можете создать ListViewиз example1

  1. Любой виджет может быть в ListView. Для удобства вызывается виджет ListTile, который содержит ведущие, замыкающие, заголовки, субтитры.
  2. все нормально