[Flutter] 플러터에서 프로젝트 내의 json데이터 파일 읽기

1. assets 폴더 생성 후 경로 추가

asset폴더를 생성한후 안에 json파일을 위치 시켜주었습니다.

이런식으로!!

그다음 pubspec.yaml에 들어가서

아래와 같이 assets: 부분에 경로를 추가해 줍니다.

2. json데이터 받아오기

main.dart 에 ''dart.convert" 를 import 해줍니다.

아래의 코드는 경로의 json파일을 복호화 하여 변수에 담아줍니다.

jsonResponse는 json의 형식에 따라 타입이 자동으로 정해지며 일반적인 map, list 변수와 같이 사용이 가능합니다.

 String jsonString = await rootBundle.loadString('json/myAppData.json');
  final jsonResponse = json.decode(jsonString);

Future 타입의 함수를 만들어 주어 위의 코드를 넣어 주었습니다.

Future<void> loadJsonData() async {
  final jsonString = await rootBundle.loadString('asset/data.json');
  final data = json.decode(jsonString);
  }

위의 코드를 작성해 주면 json파일에 있던 데이터가 다트 변수 data에 저장됩니다.

 

위의 함수를 호출 할때는 async  와 await을 사용하여 호출해 주면 됩니다.