Я хотел бы найти решение для создания обратного отсчета от даты и помещения их в ListView. Надеюсь, это не сильно замедлит работу приложения при его использовании. У меня уже есть код, который я хочу сохранить, это RecyclerView с изображениями и текстом.

Вот код, если вам еще что-нибудь понадобится, я пришлю его вам.

import 'package:flutter/material.dart';
import 'package:cached_network_image/cached_network_image.dart';
import '../recyclerview/data.dart';
import 'package:watch/constants.dart';


class ListViewExample extends StatefulWidget {
  @override 
  State<StatefulWidget> createState() {
    return new ListViewExampleState(
    );
  }
}

class ListViewExampleState extends State<ListViewExample>{
  List<Container> _buildListItemsFromItems(){
    int index = 0;
    return item.map((item){

      var container = Container(
        decoration: index % 2 == 0?
        new BoxDecoration(color: const Color(0xFFFFFFFF)):
          new BoxDecoration(
            color: const Color(0xFFFAFAF5)
          ),
        child: new Row(
          children: <Widget>[
            new Container(
              margin: new EdgeInsets.all(5.0),
              child: new CachedNetworkImage(
                imageUrl: item.imageURL,
                width: 200.0,
                height: 100.0,
                fit: BoxFit.cover,
              ),
            ),
            Expanded(
              child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                Container(
                  padding: const EdgeInsets.only(bottom: 75.0 ),
                  child: Text(
                    item.title,
                    style: kItemTitle,
                  ),
                ),
                Container(
                  padding: const EdgeInsets.only(left: 15.0),
                  child:Text(
                    item.description,
                    style: kItemDescription,
                  ),
                ),
                ]),
            )
          ],
        )
      );
      index = index + 1;
      return container;
    }).toList();
  }
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
       appBar: AppBar(
         title: Text('Accueil', style: kAppBarStyle,),
          backgroundColor: Colors.white,  
          elevation: 0,
       ),
       body: ListView(
      children: _buildListItemsFromItems(),
    ),
    );
  }
}

Спасибо!

Обновление : чтобы добавить обратный отсчет, посмотрите это сообщение: Таймер обратного отсчета даты

А для отложенной загрузки я изменил свой ListView на ListView.builder

0
Rianou 11 Окт 2020 в 10:34

1 ответ

Лучший ответ

Предлагается использовать Listview.builder, а не просто помещать список в ListView, если вам нужна отложенная загрузка.

https://flutter.dev/docs/cookbook/lists/long-lists

Замените ListView на ListView.builder.

ListView.builder(
    itemCount: // items.length
    itemBuilder: (buildContext, index) {}, // define what Widget for each index
)

Вот пример кода из вашего. индекс уже существует в функции itemBuilder.

...
  body: ListView.builder(
    itemCount: items.length,
    itemBuilder: (buildContext, index) {
      return Container(
        decoration: index % 2 == 0
            ? new BoxDecoration(color: const Color(0xFFFFFFFF))
            : new BoxDecoration(color: const Color(0xFFFAFAF5)),
        child: new Row(
          children: <Widget>[
            new Container(
              margin: new EdgeInsets.all(5.0),
              child: new CachedNetworkImage(
                imageUrl: item.imageURL,
                width: 200.0,
                height: 100.0,
                fit: BoxFit.cover,
              ),
            ),
            Expanded(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  Container(
                    padding: const EdgeInsets.only(bottom: 75.0),
                    child: Text(
                      items[index].title,
                    ),
                  ),
                  Container(
                    padding: const EdgeInsets.only(left: 15.0),
                    child: Text(
                      items[index].description,
                    ),
                  ),
                ],
              ),
            )
          ],
        ),
      );
    },
  ),
...
1
yellowgray 15 Окт 2020 в 01:34