플러터 탭으로 페이지 나누기, 서버에서 데이터 받아오기
탭으로 페이지 나누기
동적인 UI 만드는 3단계
- UI의 현재 상태를 저장할 state를 생성
- state를 만들때는 StatefulWidget으로 변경해야함.
- 그 State에 따라 UI 가 어떻게 보일 지 코드 만들어두고
- 유저가 state를 조작할 수 있는 기능 개발(클릭한다거나)
서버에서 데이터 받아오기
http - GET요청
- http 라는 패키지 설치가 필요함.
- pubspec.yaml 파일 내 아래 내용 추가 후 pub get
dependencies:
http: ^0.13.4
- main.dart 맨 위 import 추가
import 'package:http/http.dart' as http;
import 'dart:convert';
-
android/app/src/main/AndroidManifest.xml 파일 내 아래 내용 추가
<uses-permission android:name="android.permission.INTERNET" />
-
Get 요청
getData() async {
var result = await http.get( Uri.parse('[요청할 url]') );
print( jsonDecode(result.body) )
}
Author And Source
이 문제에 관하여(플러터 탭으로 페이지 나누기, 서버에서 데이터 받아오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@ein214/플러터-탭으로-페이지-나누기-서버에서-데이터-받아오기
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
- state를 만들때는 StatefulWidget으로 변경해야함.
http - GET요청
- http 라는 패키지 설치가 필요함.
- pubspec.yaml 파일 내 아래 내용 추가 후 pub get
dependencies: http: ^0.13.4
- main.dart 맨 위 import 추가
import 'package:http/http.dart' as http;
import 'dart:convert';
-
android/app/src/main/AndroidManifest.xml 파일 내 아래 내용 추가
<uses-permission android:name="android.permission.INTERNET" />
-
Get 요청
getData() async {
var result = await http.get( Uri.parse('[요청할 url]') );
print( jsonDecode(result.body) )
}
Author And Source
이 문제에 관하여(플러터 탭으로 페이지 나누기, 서버에서 데이터 받아오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ein214/플러터-탭으로-페이지-나누기-서버에서-데이터-받아오기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)