본문 바로가기

Flutter-플러터/플러터 공부

카카오 API 받기

반응형

 

사용방법 

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