Невозможно получить доступ к извлеченным данным в initState во Flutter - PullRequest
Новая
       27

Невозможно получить доступ к извлеченным данным в initState во Flutter

0 голосов
/ 31 марта 2020

У меня есть класс с именем Cards, у которого есть метод getCards , который возвращает Future . Я использую этот метод для получения карт от конечной точки.

Карты : 

import 'dart:convert';

import 'package:http/http.dart' as http;
import 'package:shared_preferences/shared_preferences.dart';

class Cards {
  String _accessToken;
  String _refreshToken;

  List<dynamic> cardsId = List();

  Future<dynamic> getCards() async {
    SharedPreferences sharedPreferences = await SharedPreferences.getInstance();
    _accessToken = sharedPreferences.getString("access");
    _refreshToken = sharedPreferences.getString("refresh");
    var jsonData;

    var response = await sendRequestToGetCards(
        url: "http://10.0.2.2:8000/accounts/list/", accessToken: _accessToken);
    if (response.statusCode == 200) {
      jsonData = json.decode(utf8.decode(response.bodyBytes));
      return jsonData;
    } else if (response.statusCode == 401) {
      _accessToken = await getNewAccessToken(_refreshToken);
      response = await sendRequestToGetCards(
          url: "http://10.0.2.2:8000/accounts/list/",
          accessToken: _accessToken);
      if (response.statusCode == 200) {
        jsonData = json.decode(utf8.decode(response.bodyBytes));
        return jsonData;
      }
    }
  }

  getNewAccessToken(String refreshToken) async {
    var refreshResponse = await http.post(
        "http://10.0.2.2:8000/users/api/token/refresh/",
        body: {'refresh': refreshToken});
    if (refreshResponse.statusCode == 200) {
      var jsonData = json.decode(refreshResponse.body);
      return jsonData['access'];
    }
  }

  sendRequestToGetCards({String url, String accessToken}) async {
    var response = await http.get(
      url,
      headers: {"Authorization": "Bearer $accessToken"},
    );
    return response;
  }
}

У меня есть другой класс с именем CardData в качестве моего провайдера данные / состояние: 

import 'package:flutter/material.dart';

import '../cards/cards.dart';

class CardData extends ChangeNotifier {
  static Cards cards = Cards();

  Future<dynamic> cardsList = cards.getCards;

}

Как вы можете видеть, я создал объект из карт для доступа к getCards , который позволяет мне получить доступ к возвращенному будущему и сохранить его в cardsList .

Теперь в своем виджете, который я использовал для отображения всех карточек, я создал метод с именем addToList для доступа к данным провайдера.

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

List<Widget> cardsList = List();
List<dynamic> cardsId = List();

List<Widget> nonCards = List();
List<dynamic> nonCardsId = List();

addToList() async {
    var jsonData = await Provider.of<CardData>(context).cardsList;
    for (var i = 0, len = jsonData.length; i < len; i++) {
      if(jsonData[i]['account_type'] == "1") {
        cardsList.add(
          BankCard(
            bankName: jsonData[i]['title'],
            colors: [Color(0xFFD00E00), Color(0xFFF44336)],
            cardNumber: jsonData[i]['number'],
            cardDesc: jsonData[i]['description'],
          ),
        );
        cardsId.add(jsonData[i]['id']);
      } else if(jsonData[i]['account_type'] == "2") {
        nonCards.add(
          NonBankCard(
            bankName: jsonData[i]['title'],
            colors: [Color(0xFFFF4B2B), Color(0xFFFDB76C)],
          ),
        );
        nonCardsId.add(jsonData[i]['id']);
      }
    }
  }

Но мне нужно использовать addToList метод в initState , как вы знаете, но я не могу , когда я его использую, экран приложения исчезает.

1 Ответ

0 голосов
/ 31 марта 2020

Вы должны инициализировать свой список в начале 

  List<Widget> cardsList = new List<Widget>();

Вызвать addToList внутри вашей функции initState: 

@override
  void initState() {
     addToList();
}

в конце addToList() поместить обновленный список в setState()

setState(() {
    cardsList = List.from(cardsList);
});
...