Flutter: использование плагина общих настроек для хранения сохраненного списка избранного - PullRequest
Новая
       17

Flutter: использование плагина общих настроек для хранения сохраненного списка избранного

0 голосов
/ 10 июля 2020

Ниже приведен мой файл JSON, который включает данные: 

[
    {
        "city": "City1",
        "attractions": [
            "attraction1",
            "attraction2"
        ],
    },
    {
        "city": "city2",
        "attractions": [
            "attraction1",
            "attraction2",
        ],
    },
]

Мой код реализации - это построитель списка, который получает данные из файла JSON. в коде также есть опция для сохранения городов как избранных, которые могут отображаться на другой странице в виде списка сохраненных избранных: 

class Index extends StatefulWidget {
  @override
  _IndexState createState() => _IndexState();
}
List data;
List<Cities> citylist = List();
List<Cities> citysavedlist = List();
int index;
class _IndexState extends State<Index> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: listView(),
    );
  }
  Future<String> fetchData() async {
    String data =
        await DefaultAssetBundle.of(context).loadString("assets/data.json");
    final jsonResult = json.decode(data);
    this.setState(() {
      jsonResult
          .forEach((element) => citylist.add(new Cities.fromJson(element)));
    });
    return "Success!";
  }

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

  listView() {
    return ListView.builder(
      itemCount: citylist == null ? 0 : citylist.length,
      itemBuilder: (context, index) {
        return Column(
          children: <Widget>[_buildRow(index, citylist)],
        );
      },
    );
  }

  Widget _buildRow(index, citylist) {
    final bool alreadySaved = citysavedlist.contains(citylist[index]);
    return Padding(
      padding: const EdgeInsets.only(top: 5.0, left: 5.0, right: 5.0),
      child: Card(
        child: ListTile(
            title:
                Text(citylist[index].title, style: TextStyle(fontSize: 22.0)),
            trailing: IconButton(
              icon: Icon(
                alreadySaved ? Icons.star : Icons.star_border,
                color: alreadySaved ? Colors.blue : Colors.blue,
              ),
              onPressed: () {
                setState(() {
                  if (alreadySaved) {
                    citysavedlist.remove(citylist[index]);
                  } else {
                    citysavedlist.add(citylist[index]);
                  }
                });
              },
            ), //subtitle: Text(subtitle),
            onTap: () {
              Navigator.push(
                  context,
                  MaterialPageRoute(
                      builder: (context) => Detail(citylist[index])));
            }),
      ),
    );
  }


void _pushSaved() {
    Navigator.of(context).push(
      MaterialPageRoute<void>(
        builder: (BuildContext context) {
          final Iterable<ListTile> tiles = citysavedlist.map(
            (Cities pair) {
              return ListTile(
                  title: Text(
                    pair.city,
                  ),
                  onTap: () {
                    Navigator.push(context,
                        MaterialPageRoute(builder: (context) => Detail(pair)));
                  });
            },
          );

          final List<Widget> divided = ListTile.divideTiles(
            context: context,
            tiles: tiles,
          ).toList();
          return Scaffold(
            appBar: AppBar(
              title: const Text('Saved Suggestions'),
            ),
            body: ListView(children: divided),
          );
        },
      ),
    );
  }
}

Это класс модели: 

List<Cities> citiesFromJson(String str) =>
    List<Cities>.from(json.decode(str).map((x) => Cities.fromJson(x)));
String citiesToJson(List<Cities> data) =>
    json.encode(List<dynamic>.from(data.map((x) => x.toJson())));

class Cities {
  Cities({
    this.city,
    this.attractions,
  });

  String city;
  List<String> attractions;

  factory Cities.fromJson(Map<String, dynamic> json) => Cities(
        city: json["city"],
        attractions: List<String>.from(json["attractions"].map((x) => x)),
      );

  Map<String, dynamic> toJson() => {
        "city": city,
        "attractions": List<dynamic>.from(attractions.map((x) => x)),
      };
}

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

Я знаю, что существует плагин, называемый Общие настройки , которые будут выполнять эту функцию хранения сохраненных данных, но я не могу интегрировать этот плагин в свой код. Может ли кто-нибудь помочь в этом.

1 Ответ

1 голос
/ 12 июля 2020

Сначала вам нужно получить пакет в pubspe c, затем 

import 'package:shared_preferences/shared_preferences.dart';

SharedPreferences prefs = await SharedPreferences.getInstance();

Теперь, чтобы сохранить данные json, вам нужно сделать это 

prefs.setString('mydata', json.encode(yourjsondata));

для получения этих данных вы должны использовать точное имя, которое вы присвоили, в моем случае «mydata» 

json.decode(preferences.getString('mydata'))

Помните, если вы хотите сохранить так много элементов данных, рекомендуется использовать sqflite или hive или если вы все еще хотите используйте shared_preferences, вы можете сохранить счетчик как

Чтобы сохранить 

var counter = (prefs.getInt('Counter')??0)+1;
prefs.setString('Counter:$counter', json.encode(yourdata));

Чтобы вернуться в порядок 

var listCount = preferences.getInt('Counter');

l oop с помощью listCount, а затем используйте 

json.decode(preferences.getString('Counter:$variable'))
...