본문 바로가기
App Dev/Flutter

[Flutter] 텍스트(txt)파일 불러와서 split하기/listview 넣는곳(txt파일에서 불러온 문자 쪼개기)

by hyen_ 2022. 5. 17.
300x250

 

기존 안드로이드 프로젝트를 플러터로 제작하기로 했습니다.

기존 프로젝트가 텍스트파일(txt) 불러와서 리스트뷰로 불러오는것을 기반으로 합니다.

플러터 코드 구조짜는게 제일 어려웠던 초보의 성공일지를 기록합니다!! ㅠ0ㅠ

 

 

 

 

 

pubspec.yaml 파일에 아래처럼 assets:   - assets/를 입력합니다.

반드시 탭구분은 아래처럼 해주세요.

 

 

 

 

body에 들어가야할 것이 너무 길고 많기때문에  

contentWidget()클래스를 새로 만들었습니다.

 

 

 

 

tt와 st 리스트 변수를 초기화해서 만들고,

 

 

 

build함수 안에 FutureBuilder를 위와같이 리턴합니다.

 

 

 

 

이 구조를 짜는게 아직도 어색해서 한참 해메다가 ㅠㅠ

완성된 전체적인 구조를 살펴보면, 

 

build( ) {

   return FutureBuilder(

      future: 텍스트 파일 읽어올 경로설정

      builder: (context, snapshot) {

           //snapshot.data.tostring으로 가져온 텍스트파일 내용가지고 코딩합니다.

      }

      return Containter(

             child:ListView.builder(

                     //이 안에 리스트뷰 디자인을 했습니다.

              ),

       );

   );

}

 

 

 

아래코드는 리스트뷰 구현을 제외한 나머지 구조입니다.

 

 

 

 

더 효율적인 구조가 있겠지요 ㅠㅠ 조언이 필요한 부분은 언제든지 댓글달아주셔요!

저는 이렇게 제가 원하는 기능을 성공했습니다. 

 

 

 


< 참고사이트 >

 

https://pythonkim.tistory.com/127

 

25. 플러터 : 텍스트 파일 읽기

플러터는 그만하려고 했는데.. 경험 없는 사람들에게는 이런저런 것들도 필요하구나.. 하는 생각이 들었다. 우재, 너 말이야! 간단하게 텍스트 파일을 읽어서 출력할건데.. 우재가 프로젝트에서

pythonkim.tistory.com

 

 

https://masswhale.tistory.com/entry/Dart%EC%96%B8%EC%96%B4%EA%B3%B5%EB%B6%80-25List-%EC%8B%AC%ED%99%94-forEach-map-reduce-fold

 

Dart언어공부-25.List 심화 (forEach, map, reduce, fold)

이번 스터디에서는 List심화단계를 다뤄보려 한다. 바로 소스로 확인해 보자. 1. Looping 활용 List world = [ '한국', '중국', '일본', '러시아', '미국' ]; world.forEach((value){ print(value); }); 한국..

masswhale.tistory.com

 

 

300x250
반응형

댓글