Есть ли способ использовать общие настройки для кнопки «Мне нравится»? - PullRequest
Новая
       39

Есть ли способ использовать общие настройки для кнопки «Мне нравится»?

1 голос
/ 21 мая 2019

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

the complete code-
class FavoriteWidget extends StatefulWidget {
  @override
  _FavoriteWidgetState createState() => _FavoriteWidgetState();
}
class _FavoriteWidgetState extends State<FavoriteWidget> {
  bool liked = false;
  _pressed() {
    setState(()  {
      liked = !liked;
    });
  }
  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        Container(
          child: IconButton(
            icon: Icon(liked ?Icons.favorite: Icons.favorite_border,
                color: liked ? Colors.red :Colors.grey ),
            onPressed: () => _pressed(),
          ),
        ),
      ],
    );
  }
}

1 Ответ

1 голос
/ 21 мая 2019

Вы можете использовать плагин shared_preferences , чтобы сохранить, нажата ли любимая кнопка или нет, а затем восстановить постоянное значение при инициализации Widget. 

class FavoriteWidget extends StatefulWidget {
  @override
  _FavoriteWidgetState createState() => _FavoriteWidgetState();
}

class _FavoriteWidgetState extends State<FavoriteWidget> {
  static const likedKey = 'liked_key';

  bool liked;

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

  void _restorePersistedPreference() async {
    var preferences = await SharedPreferences.getInstance();
    var liked = preferences.getBool(likedKey) ?? false;
    setState(() => this.liked = liked);
  }

  void _persistPreference() async {
    setState(() => liked = !liked);
    var preferences = await SharedPreferences.getInstance();
    preferences.setBool(likedKey, liked);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: liked == null
          ? Center(child: CircularProgressIndicator())
          : Row(
              mainAxisSize: MainAxisSize.min,
              children: [
                Container(
                  child: IconButton(
                    icon: Icon(
                      liked ? Icons.favorite : Icons.favorite_border,
                      color: liked ? Colors.red : Colors.grey,
                    ),
                    onPressed: _persistPreference,
                  ),
                ),
              ],
            ),
    );
  }
}
...