[플러터] 메소드 무한 호출 현상

Question

// ... class JobCheckDetailScreen extends StatefulWidget { const JobCheckDetailScreen({Key? key}) : super(key: key); @override State createState() => _JobCheckDetailScreen(); } class _JobCheckDetailScreen extends State { int statusCode = 0; String data = ""; int SID = 0; List dateList = []; List isFinishedList = []; var dateSet = []; var fSet = []; Future getSiteId(String id) async { print("getSiteId start"); String siteID = ""; SharedPreferences prefs = await SharedPreferences.getInstance(); String? accessToken = prefs.getString('accessToken'); final headers = {'Authorization': 'Bearer $accessToken'}; final uri = Uri.parse('http://$Api/api/site?id=$id'); // final body = jsonEncode({'id': id}); // final parameter = {'id': id}; try{ final response = await http.get(uri, headers: headers); // final response = await http.get(uri, headers: headers, parameter); statusCode = response.statusCode; if (response.statusCode == 200) { print('GET request succeeded'); String responseBody = utf8.decode(response.bodyBytes); // print('decode : $responseBody'); data = responseBody; dynamic jsonData = json.decode(responseBody); int siteId = jsonData['siteId']; // print('siteId : $siteId'); SID = siteId; print('SID : $SID'); // photo_check에서 함수 호출에 들어갈 변수에 사용 prefs.remove('tmpSid'); prefs.setInt('tmpSid',siteId); }else{ print(response.body); print(statusCode); } }catch(e){ // print(response.body); print("error!!"); print(e.runtimeType); return 0; } return SID; } Future getWorkFinishedList(int site) async { print("getWorkList start"); SharedPreferences prefs = await SharedPreferences.getInstance(); String? accessToken = prefs.getString('accessToken'); int? sid = prefs.getInt('siteId'); final headers = {'Authorization': 'Bearer $accessToken'}; final uri = Uri.parse('http://$Api/api/site/work-list?siteId=$site'); // final headers = {'Content-Type': 'application/json'}; try{ final response = await http.get(uri, headers: headers); // final response = await http.get(uri, headers: headers); statusCode = response.statusCode; if (response.statusCode == 200) { print('GET work-list succeeded'); String responseBody = utf8.decode(response.bodyBytes); print('decode : $responseBody'); data = responseBody; // print(data); var res = data.toString(); // print('toString : $res'); List jsonList = jsonDecode(res); var length = jsonList.length; List tempDateList = List.filled(length, null, growable: false); for(int i=0; i myMap = Map.from(jsonList[i]); var date = myMap["workDate"]; tempDateList[i] = date; // print(name); } List tempFinishedList = List.filled(length, null, growable: false); for(int i=0; i myMap = Map.from(jsonList[i]); var isFinished = myMap["checkCompletion"]; tempFinishedList[i] = isFinished; // print(name); } print('tempDateList : $tempDateList'); print('tempFinishedList : $tempFinishedList'); dateList = tempDateList; isFinishedList = tempFinishedList; setState(() { dateSet = dateList; fSet = isFinishedList; }); return data; }else{ // print(); print('error : $statusCode'); } }catch(e){ // print(respon); print("error!!"); print(e.runtimeType); return "error"; } return ""; } Future fetchData() async { await getSiteId("admin"); int siteId = SID; await getWorkFinishedList(siteId); } @override void initState() { // TODO: implement initState statusCode = 0; super.initState(); } @override void didChangeDependencies() { super.didChangeDependencies(); fetchData(); } @override Widget build(BuildContext context) { var id = ModalRoute.of(context)!.settings.arguments; // fetchData(); print('id : $id'); getSiteId(id.toString()); // getSiteId("admin"); // int siteId = SID; getWorkFinishedList(siteId); return Scaffold( appBar: BaseAppBar(center: true, appBar: AppBar(), title: ""), body: SingleChildScrollView( child: Column( mainAxisAlignment: MainAxisAlignment.center, mainAxisSize: MainAxisSize.min, children : [ const SizedBox(height: 50,), Container( child: Row( children: [ const SizedBox(width: 20,), const Text('날짜별 목록', style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),), const SizedBox(width: 83,), ], ), ), SizedBox(height: 20,), Container( height: 50, width: 350, decoration: const BoxDecoration( color: Colors.white70, ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Text("일 자", style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),), Text("완료 여부", style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),), Text("사 진", style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),), ], ) ), Container( //500이하로는 안줄어듦. 자동 min 효과. width : 350, height: 600, decoration: BoxDecoration( border: Border.all( width: 1, color: Colors.black ), ), child: Material( child : ListView.builder( itemCount: dateSet.length, shrinkWrap: true, itemBuilder: (context,index){ return ListTile( tileColor: index % 2 == 0 ? Colors.grey[300] : Colors.white54, horizontalTitleGap: -40, leading : Text(dateSet[index], style: TextStyle(fontSize: 20, color: Colors.black)), // const Icon( // Icons.man, // color: Color.fromRGBO(150,110,13,100), // size: 35, // ), title : TextButton(onPressed: () { // Navigator.push( // context, // MaterialPageRoute(builder: (BuildContext context) => UserManageDetailScreen(nameset[index])), // ); // Navigator.pushNamed( // context, '/userManageDetail', arguments: nameset[index]); }, child: Text( fSet[index] ? "완료" : "미완료", style: TextStyle(fontSize: 20, color: Colors.black), ), // child: Text( // dateSet[index], // style: TextStyle(fontSize: 20, color: Colors.black), // ), ), trailing: Icon(Icons.photo_album,), onTap: (){ Navigator.pushNamed( context, '/photoCheck', arguments: dateSet[index]); // context, '/photoCheck'); } ); } ), ), ), SizedBox(height: 30,), ], ), ), ); } }위 코드에서 getSiteId()함수와 getWorkFinished()함수가 무한 로딩되는 현상이 발견되고 있습니다. initState() 부분이 문제라는걸 찾긴 했는데 정확한 원인이 무엇인지, 어떻게 해결해야 할지 감이 잡히지 않는 상황입니다 ㅜㅜchatGPT가 추천해준 didChangeDependencies()안에 fetchData()호출도 해봤지만 해결이 되지 않네요..메서드를 어디서 호출해야 할지 도움을 부탁드립니다.추가로 플러터 라이프사이클 공부를 할 수 있는 사이트 / 블로그 추천도 해주시면 감사하겠습니다!좋은 하루 되세요 ^^

[플러터] 메소드 무한 호출 현상

0개의 답변

Q&A 목록