플러터 탭으로 페이지 나누기, 서버에서 데이터 받아오기

🐳ㅇㅡㄴㄱㅓ·2022년 4월 19일
0

플러터

목록 보기
14/24
post-thumbnail

탭으로 페이지 나누기

동적인 UI 만드는 3단계

  1. UI의 현재 상태를 저장할 state를 생성
    1. state를 만들때는 StatefulWidget으로 변경해야함.
  2. 그 State에 따라 UI 가 어떻게 보일 지 코드 만들어두고
  3. 유저가 state를 조작할 수 있는 기능 개발(클릭한다거나)

서버에서 데이터 받아오기

http - GET요청

  1. http 라는 패키지 설치가 필요함.
    1. pubspec.yaml 파일 내 아래 내용 추가 후 pub get
    dependencies:
    	http: ^0.13.4
    1. main.dart 맨 위 import 추가
	 import 'package:http/http.dart' as http;
	 import 'dart:convert';
  1. android/app/src/main/AndroidManifest.xml 파일 내 아래 내용 추가
    <uses-permission android:name="android.permission.INTERNET" />

  2. Get 요청

getData() async { 
	var result = await http.get( Uri.parse('[요청할 url]') ); 
	print( jsonDecode(result.body) ) 
}
profile
재활훈련 중

0개의 댓글