개발/flutter
-
[Flutter basic] Column 을 이용해 원하는 위치에 UI 그리기개발/flutter 2021. 6. 23. 21:21
Column 사용해 원하는 위치에 UI 그리기 Column 은 쉽게 세로로 UI를 그릴때 사용된다. 그리고 싶은 UI의 영역을 잡았을때 영역이 위 아래로 나뉜다면 그 나뉜 두개의 영역을 Column 안에 두면 된다. body: Container( margin: EdgeInsets.all(10), child: Column( children: [ Container( height: 30, width: 200, color: Colors.red, child: Text("Container1"), ), Container( height: 60, width: 200, color: Colors.blue, margin: EdgeInsets.only(top: 20), child: Text("Container2"), ), ],..
-
[Flutter basic] Container 를 사용해 원하는 크기,위치 그리기개발/flutter 2021. 6. 20. 16:28
Modern Collection View 와 MVVM 패턴 가이드 [iOS] Modern Collection View & MVVM 패턴 가이드 - 인프런 | 강의 MVVM 패턴과 Modern Collection View를 사용해 네트워킹을 구현하고, 다양하고 동적인 Collection View를 자유자재로 다룰 수 있게 됩니다., - 강의 소개 | 인프런 www.inflearn.com 쉽게 말하자면 Container는 하나의 사각형 박스를 생각하면 된다. Container를 알아야 하는 큰 이유는 어느 위치에 내가 원하는 UI를 그리기 위해 그 위치에 Container를 생성해주고 그 안에 UI를 넣어주는 방식을 사용하면 편하기 떄문이다. 실제로 나도 사각형 박스들의(Container) 집합으로 앱의 모..
-
Flutter 프로젝트 안에 Swift 프로젝트(framework) 추가하기개발/flutter 2021. 4. 27. 18:59
flutter 에서 swift 프로젝트를 추가시킬때 다음과같이 추가한다. Add file 을 선택한 후 원하는 프로젝트의 .xcodeproj 파일을 선택하면 된다. 그러면 해당 프로젝트가 추가됬음을 볼수있다. 이후 General → Frameworks,Libraries... 여기서 해당 framework를 선택하면 된다. 문제는 해당 프레임워크에서 사용중인 pod 파일들을 찾아오지못해 에러가 발생한다. 해당 pod 들은 podfile에 추가해주면 된다. 보면 RxCocoa, RxSwift, Moya 등을 추가해줬다. 그리고 pod install 명령어를 실행시켜준다. 만약 빌드할때 "does not contain bitcode." 라는 에러가 발생할경우 해당 프로젝트 BuildSettings → Enab..
-
Flutter IOS 빌드 에러 Exception: Error running pod install개발/flutter 2021. 1. 27. 11:54
[iOS] Swift Modern Collection View & MVVM 패턴 가이드 강의 | 덤벨로퍼 - 인프런덤벨로퍼 | MVVM 패턴과 Modern Collection View를 사용해 네트워킹을 구현하고, 다양하고 동적인 Collection View를 자유자재로 다룰 수 있게 됩니다., Swift iOS UI, 제대로 다루는 핵심 기술! 📲 iOS Swift 레이www.inflearn.com Launching lib/main.dart on simon의 iPad in debug mode... lib/main.dartAutomatically signing iOS for device deployment using specified development team in Xcode project: 4B7..
-
Flutter - 스크롤 페이지네이션 구현하기개발/flutter 2021. 1. 5. 12:37
Flutter 스크롤 페이지네이션 구현하기 간단한 스크롤을 만들어 페이지 네이션을 구현해보려 한다. 기본적으로 scrollView 와 scroll controller 를 만들어 준다. 그후에 scrollController에 리스너 함수를 만들어줘야한다. 리스너 함수 페이지네이션이 작용하는 원리는 이렇다 현재 스크롤의 위치 >= 마지막 스크롤의 위치 그러면 마지막 스크롤의 위치에 같아졌을때 데이터를 더 불러오면 된다. if (scrollController.position.maxScrollExtent == scrollController.position.pixels) { projectListBloc.getMoreList(); } maxScrollExtent는 최대(마지막) 스크롤 위치이고 offset 이나 p..
-
ios 빌드 에러개발/flutter 2020. 12. 14. 17:02
flutter 에서 ios 빌드가 자꾸 fail 되고 하얀 화면만뜨는 현상 vscode 에서는 안되지만 xcode 에서는 빌드가 된다. pod폴더 삭제후 podinstall 시도 [!] Error installing FMDB [!] /usr/bin/git clone https://github.com/ccgus/fmdb.git /var/folders/mr/3y8xy9g934zbvrkmk_10hq440000gn/T/d20201214-19932-1m4zbfl --template= --single-branch --depth 1 --branch 2.7.5 Cloning into '/var/folders/mr/3y8xy9g934zbvrkmk_10hq440000gn/T/d20201214-19932-1m4zbfl'....
-
Flutter - GraphQL 에러 처리 방법개발/flutter 2020. 10. 14. 20:51
에러 핸들링 graphql client 를 사용하여 query() 메소드를 실행하면 리턴값 혹은 에러가 리턴이된다. 그 리턴된 내용은 QueryResult 에서 확인할수있다. 아래는 결과를 핸들링 하는 코드이다. String _handleReturn(QueryResult queryResult) { //에러가 있다면 exception을 throw 해주고 if (queryResult.hasException) { throw queryResult.exception; } //에러가 없다면 서버로 부터 받은 값을 파싱하여 리턴한다 final String url = queryResult.data['getSomething']; return url; } queryResult.execption 은 두가지의 예외로 나뉜다...
-
Flutter-grapqhQL 인자 값 넣어서 쿼리보내기개발/flutter 2020. 10. 13. 20:09
인자값 쿼리에 넣어서 보내기 쿼리를 보낼때 쿼리에 인자값을 넣어줘서 보내줘야할때가있다. 다음은 장바구니에 상품을 추가하는 api 인데 어떤 상품을 어떤 조건으로 넣을건지 서버에게 알려줘야 하기때문에 productQuery를 넣어줘야한다. String readAddCart(Map productQuery) => ''' mutation { addCart( input: $productQuery ) } '''; input 값에는 이런값들이 들어가야한다. Map toJson() { return { 'additionalInfo': json.encode(additionalInfo), 'reserveDate': json.encode(reserveDate), 'productId': json.encode(productId)..