반응형
사용방법
1.yaml 파일에 "http :" 라이브러리 사용
2. 카카오 개발자 사이트에 들어가서 카카오 Rest API key 얻기
3. 받는 데이터 Url을 Json 식으로 바꾸기
//리스트의 데이터를 Json 식으로 받게 만드는 함수
Future<String> getJsonData() async {
setState(() {
var dataConvertedToJson =json.decode(response.body);
List result = dataConvertedToJson['documents'];
data!.addAll(result);
});
} return response.body;
4. 리스트 만들기
List.builder (
itemBuilder : (context, index){
return Card(
chidl : Container(
child : Column(
children[
Text(data![index]['title'].toString)
Text(data![index]['authors'].toString)
Text(data![index]['sale_price'].toString)
Text(data![index]['status'].toString)
Image.network(
data![index]['thumbnail']
height : 100,
width : 100,
fit : BoxFit.contain,)
])))}, itemcounter : data!.length)
)
5. 버튼에 함수 지정하기
728x90
반응형
'Flutter-플러터 > 플러터 공부' 카테고리의 다른 글
Flutter Getter and Setter (0) | 2022.12.05 |
---|---|
[Navigator] Flutter (1) | 2022.12.03 |
TextFormField 위젯 (0) | 2022.11.28 |
Sql 기초실습 1편 (0) | 2022.11.26 |
임시 저장 기능[Shared Preferences] (1) | 2022.11.19 |