有时会变化，有时它不是

Question

首先，很抱歉标题中缺乏信息，我只是想不到任何更好的写作。

我的问题是我正在从在线API中解析JSON数据，有时它会显示我想要显示的内容，有时它不是...这是代码：（

第一个代码块是我的类别。 '将在第二块中使用，这是重要的部分，可能是我认为问题所在的地方）

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

class CanteenInfo {
  final String canteenUrl = 'https://sigarra.up.pt/feup/pt/mob_eme_geral.cantinas';
  List canteenMenu = [];
  var data;
  String workingHours = "yes";

  CanteenInfo() {
    getWebsiteData();
  }

  Future getWebsiteData() async {
    var response =  await http.get(Uri.parse(canteenUrl));
    if (response.statusCode == 200) {
      data = json.decode(response.body);
      workingHours = data[3]["horario"];
      print("Hours: " + workingHours);
    }
    else {
      throw Exception('Failed to read $canteenUrl');
    }
  }
}

class WorkingHours extends StatefulWidget {
  const WorkingHours({Key? key}) : super(key: key);

  @override
  State<WorkingHours> createState() => _WorkingHours();
}

class _WorkingHours extends State<WorkingHours> {

  String hours = "yes";
  CanteenInfo canteen = CanteenInfo();

  void getHours() {
    setState(() {
      hours = canteen.getHours();
    });
  }

  @override
  Widget build(BuildContext context) {

    getHours();

    return Scaffold(
      appBar: AppBar(
        title: Text('EasyFood'),
      ),
      body: Center(
        child: Container (
          margin: const EdgeInsets.only(top: 100),
          child: Column(
            children: <Widget>[
              Text(
                  'Lunch: ' + hours,
                  style: const TextStyle(
                      fontSize: 20
                  )
              ),
            ],
          ),
        ),
      ),
    );
  }
}

如果我没有明确问题，那么当我运行代码时，有时会将文本显示为“午餐：是的：“有时是正确的事情，即“午餐：11:30 - 14:00”。

通过我的理解，我认为发生了什么事，有时代码可以获取API信息和时间，并且有时间在页面加载之前更改变量，有时没有。无论哪种方式，我都不知道如何修复它，因此，如果有人有任何想法，我会不愿意为帮助:)

感谢您抽出宝贵的时间阅读此书

Answer 1

我不确定在CanteenInfo中是否存在Gethours方法。
但是，您可能需要在您的已成状态小部件中覆盖initstate方法并致电

canteen.getWebsiteData().then((value) {
  setState(() => hours = canteen.workingHours);
});

或类似的东西，具体取决于哪种方法返回API的数据

Answer 2

一个很好的决定是等待食堂对象“食堂”

var flag = false;
loadData()async{
    flag = true;
    canteen = CanteenInfo();
    await getHours();
    setState((){flag=false;});
}
Widget build(BuildContext context) {

    if (hours == "yes" && !flag)
      loadData();
    if (flag)
      return Scaffold(body:CircularProgressIndicator());
    return Scaffold(
      appBar: AppBar(
        title: Text('EasyFood'),
      ),
      body: Center(
        child: Container (
          margin: const EdgeInsets.only(top: 100),
          child: Column(
            children: <Widget>[
              Text(
                  'Lunch: ' + hours,
                  style: const TextStyle(
                      fontSize: 20
                  )
              ),
            ],
          ),
        ),
      ),
    );
}

。

Answer 3

class CanteenInfo {
  final String canteenUrl = 'https://sigarra.up.pt/feup/pt/mob_eme_geral.cantinas';
  List canteenMenu = [];
  var data;
  String workingHours = "yes";
  
  getWebsiteData() async {
    var response =  await http.get(Uri.parse(canteenUrl));
    if (response.statusCode == 200) {
      data = json.decode(response.body);
      workingHours = data[3]["horario"];
      print("Hours: " + workingHours);
    }
    else {
      throw Exception('Failed to read $canteenUrl');
    }
  }
  
  getHours() {
    return workingHours;
  }
}

// ------------------------

class WorkingHours extends StatefulWidget {
  const WorkingHours({Key? key}) : super(key: key);

  @override
  State<WorkingHours> createState() => _WorkingHours();
}

// ------------------------

class _WorkingHours extends State<WorkingHours> {

  String hours = "yes";
  CanteenInfo canteen = CanteenInfo();
  
  @override
  void initState() {
    super.initState();
    canteen.getWebsiteData().then(() {
      hours = canteen.getHours();
    });
  }
}