Flutter_Tips

스타일은 컴포넌트로 따로 빼놓는게 편하고 보기에도 좋다플러터 프로젝트의 lib폴더에 style.dart 생성 후 거기에 스타일을 저장하자초기설정이 이렇다면..import 해서 사용!이렇게 Material App 안에 집어넣으면 모든 위젯들에 공통 스타일을 적용할 수 있

웹 같은 경우 \~\~~.html, \*\*.html 이런식으로 html 파일을 여러개 만들어놓고 보여주는 형식이지만 앱의 경우 페이지가 1개이다. 그래서 앱은 한 페이지 내에서 위젯 단위로 컨텐츠를 보여준다고 생각하면된다. 동적인 UI 만드는 법1\. 현재 UI의 현

먼저 pubspec.yaml 파일에서추가 후 전구에서 pub get 누르기http의 최신버전은 https://pub.dev/packages/http 참고실제로 작업할 때는 http말고 Dio라는 패키지를 활용하자 코드가 짧아지고 편의성 기능도 더 많다.그 후

전체적인 순서1\. ListView에 ScrollController() 부착하기2\. 스크롤위치 계속 감시해주는 Listener 부착하기3\. 맨 밑까지 스크롤하면 서버에 게시물 더 달라고 Get 요청4\. 데이터 가져오면 기존 data를 저장해두었던 state에 추가

웹과 달리 앱의 경우 메인페이지 위에 상세페이지를 덮어서 페이지 이동을 표현할 수 있다.Navigator.push() : 다른 위젯으로 덮어버린다.IconButton을 누르면 '안녕'이란 텍스트가 쓰여져 있는 페이지로 이동Text대신에 커스텀위젯 넣으면 된다.Mater

먼저 pubspec.yaml 파일에서추가 후 전구에서 pub get 누르기그 다음 ios/Runner/Info.plist에서이걸 <dict> 하단에 추가그 후 main.dart에 import 추가이거 두 줄 입력하면 이미지 선택화면이 나온다.참고picker.pi

Text, Image 위젯 등 button화 되어있지 않은 위젯들은 onPressed 기능이 없기 때문에 클릭을 할 수 없다.\-> 이를 가능하게 해주는 것이 GestureDetector 이다.이렇게 GestureDetector로 감싸고 onTab 메서드를 활용하면 된

앱이 커질 수록(커스텀 위젯이 많아질수록) state를 넘기는게 힘들어진다.이를 위해 등장한 것이 바로 Provider!pubspec.yaml 파일에서누른 후에 pub get 하기그 후 dart파일에 importimport 'package:provider/provide

Column이랑 비슷한 용도, 근데 전용문법(위젯)도 있고, 무엇보다 스크롤바가 생긴다.저 위젯1,2,3 자리에는 아무 위젯이나 들어올 수 없다.(Sliver~만 가능)아래에 몇몇 예시를 적어보겠다.ListViewGridView위에는 그냥 GridView 아래는 bui

현재 기기의 스크린 사이즈를 출력하고 싶다면..context는 MaterialApp이 들어있으면 된다.1LP는 1/38cm이다.devicePixelRatio는 2, 3.4 등등 숫자가 출력, 고해상도의 기기일수록 높다. 고해상도는 같은 공간에 픽셀을 많이 쑤셔넣기