как сохранить состояние моих виджетов после прокрутки?

Вы должны сохранить состояние (избранное или нет) в родительском виджете. Виджет ListView.builder создает и уничтожает элементы по запросу, и состояние сбрасывается, когда элемент уничтожается. Это означает, что элементы списка всегда должны быть виджетами без состояния.

Вот пример с интерактивностью:

class Item {
  Item({this.name, this.isFavorite});

  String name;
  bool isFavorite;
}

class MyList extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => MyListState();
}

class MyListState extends State<MyList> {
  List<Item> items;

  @override
  void initState() {
    super.initState();

    // Generate example items
    items = List<Item>();
    for (int i = 0; i < 100; i++) {
      items.add(Item(
        name: 'Item $i',
        isFavorite: false,
      ));
    }
  }

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: items.length,
      itemBuilder: (context, index) {
        return ListItem(
          items[index],
          () => onFavoritePressed(index),
        );
      },
    );
  }

  onFavoritePressed(int index) {
    final item = items[index];
    setState(() {
      item.isFavorite = !item.isFavorite;
    });
  }
}

class ListItem extends StatelessWidget {
  ListItem(this.item, this.onFavoritePressed);

  final Item item;
  final VoidCallback onFavoritePressed;

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text(item.name),
      leading: IconButton(
        icon: Icon(item.isFavorite ? Icons.favorite : Icons.favorite_border),
        onPressed: onFavoritePressed,
      ),
    );
  }
}

Если у вас не так много элементов в ListView, вы можете заменить его на SingleChildScrollview и Column, чтобы виджеты не использовались повторно. Но похоже, что у вас должен быть список элементов, каждый из которых имеет свойство isFavourite, и управлять значком на основе этого свойства. Не забывайте setState при переключении избранного.

Другой ответ лучше для вашего случая, но это альтернатива и может использоваться, если вы хотите, чтобы во время прокрутки оставалось только несколько элементов. В этом случае вы можете использовать AutomaticKeepAliveClientMixin с keepAlive.

class Foo extends StatefulWidget {
  @override
  FooState createState() {
    return new FooState();
  }
}

class FooState extends State<Foo> with AutomaticKeepAliveClientMixin {
  bool shouldBeKeptAlive = false;
  @override
  Widget build(BuildContext context) {
    super.build(context);

    shouldBeKeptAlive = someCondition();
    return Container(

    );
  }

  @override
  bool get wantKeepAlive => shouldBeKeptAlive;
}

ListView.builder и GridView.builder создает элементы по запросу. Это означает, что они создают виджеты элементов и уничтожают их, когда они превышают cacheExtent.

Таким образом, вы не можете сохранить какое-либо эфемерное состояние внутри этих виджетов элементов. (Так что большую часть времени виджеты элементов не имеют состояния, но когда вам нужно использовать keepAlive, вы используете виджеты элементов с отслеживанием состояния.

В этом случае вам нужно сохранить свое состояние в родительском виджете. Поэтому я думаю, что лучшим вариантом, который вы можете использовать, является подход к управлению состоянием для этого. (например, пакет поставщика или модель с ограниченным объемом).

Ссылка ниже имеет аналогичный пример, который я вижу в flutter.dev

Ссылка для примера

Надеюсь, этот ответ поможет вам

Проблема с тем, что вы делаете, заключается в том, что когда вы изменяете переменную liked, она находится в состоянии виджета и больше нигде. ListView элементы совместно используют виджеты, поэтому создается лишь немного больше, чем видно за один раз, независимо от того, сколько фактических элементов содержится в данных.

В качестве решения сохраните список элементов как часть состояния вашей домашней страницы, который вы можете заполнить и обновить реальными данными. Затем каждый из ваших LikedClass экземпляров содержит ссылку на один из фактических элементов списка и управляет его данными. В этом случае при нажатии перерисовывается только LikedClass, а не весь ListView.

class MyData {
  bool liked = false;
}

class _MyHomePageState extends State<MyHomePage> {
  List<MyData> list;
  _MyHomePageState() {
    // TODO use real data.
    list = List<MyData>();
    for (var i = 0; i < 100; i++) list.add(MyData());
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      body: new ListView.builder(
        itemCount: list.length,
        itemBuilder: (BuildContext context, int index) {
          return new LikeClass(list[index]);
        },
      ),
    );
  }
}

class LikeClass extends StatefulWidget {
  final MyData data;

  LikeClass(this.data);

  @override
  _LikeClassState createState() => new _LikeClassState();
}

class _LikeClassState extends State<LikeClass> {
  @override
  Widget build(BuildContext context) {
    return new Container(
      child: new Column(
        children: <Widget>[
          new GestureDetector(
            onTap: (() {
              setState(() {
                widget.data.liked = !widget.data.liked;
              });
            }),
            child: new Icon(
              Icons.favorite,
              size: 24.0,
              color: widget.data.liked ? Colors.red : Colors.grey,
            ),
          ),
        ],
      ),
    );
  }
}