flutter 화면 오류에 대해

Question

안녕하세요, 요새 플러터를 배우고 있는 사람입니다. 프로젝트로 api를 이용하여 검색하는 기능을 만드는 것을 목표로 삼아서 코딩을 하고 있는데, 검색 기능을 구현한 후 api를 끌어오니 문제가 생겼습니다. 웹페이지에 있는 모든 글자들이 깨지고, 중요한 검색 기능으로는 넘어가지도 않는 상황이 발생했는데, 이게 왜 그런지 도움을 받고 싶습니다. 프로그래밍을 한 코드와 깨지는 웹페이지를 모두 첨부합니다.코드는 실행을 눌렀을 때 나오는 상단의 돋보기를 클릭하면 검색 화면으로 전환되며 검색 기능을 사용할 수 있게 되는 것을 구현했습니다.+api는 정상적으로 돌아갑니다.<코드>import 'dart:convert'; import 'package:flutter/material.dart';import 'package:http/http.dart' as http; class TofindrestModel { final String key; final String type; final String stdRestNM; const TofindrestModel({ required this.key, required this.type, required this.stdRestNM, }); factory TofindrestModel.fromjson(Map json) { return TofindrestModel( key: json['key'], type: json['type'], stdRestNM: json['stdRestNM'], ); }} Future> fetchTofindrestModel() async { final response = await http.get(Uri.parse( 'http://data.ex.co.kr/openapi/business/curStateStation?key=9287537684&type=json&numOfRows=100000&pageNo=1')); if (response.statusCode == 200) { print("응답했다."); List body = json.decode(response.body); List allTofindrestModel = body.map((dynamic item) => TofindrestModel.fromjson(item)).toList(); return allTofindrestModel; } else { throw Exception('데이터를 불러오는데 실패했습니다.'); }} void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: "휴게소 프로젝트 어플리케이션", theme: ThemeData(primarySwatch: Colors.orange), home: HomePage(), ); }} class HomePage extends StatefulWidget { final Future> list = fetchTofindrestModel(); @override _HomePageState createState() => _HomePageState();} class _HomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( actions: [ IconButton( onPressed: () { showSearch( context: context, delegate: Search(widget.list as List)); }, icon: Icon(Icons.search), ) ], centerTitle: true, title: Text('검색창'), ), body: Text( "오른쪽 상단의 돋보기 버튼을 눌러 휴게소를 검색하십시오....", textAlign: TextAlign.center, style: TextStyle(fontSize: 20), ), ); }} class Search extends SearchDelegate { @override List buildActions(BuildContext context) { return [ IconButton( icon: Icon(Icons.close), onPressed: () { query = ""; }, ), ]; } @override Widget buildLeading(BuildContext context) { return IconButton( icon: Icon(Icons.arrow_back), onPressed: () { Navigator.pop(context); }, ); } String selectedResult = ''; @override Widget buildResults(BuildContext context) { return Container( child: Center( child: Text(selectedResult), ), ); } final List listExample; Search(this.listExample); List recentList = ["검색어를 입력해주세요"]; @override Widget buildSuggestions(BuildContext context) { List suggestionList = []; query.isEmpty ? suggestionList = recentList //참인 경우에 : suggestionList.addAll(listExample.where( //거짓인 경우에 (element) => element.contains(query), )); return ListView.builder( itemCount: suggestionList.length, itemBuilder: (context, index) { return ListTile( title: Text( suggestionList[index], ), onTap: () { selectedResult = suggestionList[index]; showResults(context); //검색한 곳을 클릭하면 클릭된 문자가 바탕화면에 나오도록 했음 //추후 연결할 때 이곳에 다른 창으로 넘어가는 기능 구현하면 됨 }, ); }, ); }}

flutter 화면 오류에 대해

0개의 답변

기술 목록