Flutter-플러터/플러터 공부

카카오 API 받기

일기월장 2022. 11. 30. 20:32
반응형

 

사용방법 

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. 버튼에 함수 지정하기 

반응형