플러터 왕초보7 플러터(Flutter) 입문 6. 라이브러리 사용하기 저번시간에 이렇게 onTap:(){ 함수 } 이렇게 하면 탭하면 함수가 발동한다고 했었어요. 그리고 페이지 이동하기 위해서 Navigator.push 라는걸 이용해 엄청나게 길게 적었죠. 근데 앱개발하면서 페이지 이동함수를 사용할일이 굉장히 많이 있어요. 근데 저걸 일일이 기억하기도 힘들잖아요. 저도 맨날 까먹어서 검색해서 복붙했거든요. 그래서 좀더 쉽게하는방법이 나왔어요. 라이브러리를 사용하는것이죠 그 라이브러리 이름이 GetX에요. GetX뿐만아니라, 귀찮고 힘든걸 이미 코딩화시켜놓고 그걸그냥 땡겨쓰면 되는형식으로 다른 개발자들이 많이 개발해뒀어요. 그걸 라이브러리라고 하고, 우리는 그냥 그걸 가져다 쓰면되죠. 나중에 실력되면 본인이 직접 만들어서 라이브러리를 공개하세요. 그게 바로 오픈소스 기여 라.. 2021. 5. 24. 플러터(Flutter) 입문 5. 페이지 이동하기 저번 포스팅에서 SecondMan 이라는 Scaffold() 를 return 하는 클래스를 만들었고, 그것을 새로운 다트파일에 써줬어어요. Scaffold() 라는것을 return 해주는 형태니까 이놈은 페이지 라는걸 알수있겠죠? 그래서 이번시간에는 맨처음 만든페이지 -> 저번포스팅에서 새로만든페이지(SecondMan) 이렇게 페이지 이동을 해볼거에요. 1. 페이지 이동 먼저 SecondMan 이페이지를 약간만 꾸며볼게요. 앱바에 제목주고 body에 글하나 준게 다에요. 별로 어렵지 않죠. 그다음 우리가 맨처음 만든 페이지 FirstBackSu 에서 Container 를 하나 더 만들어 줍니다. 저거를 누르면 두번째 페이지로 이동하게 할거에요. 그렇게 하기위해서는 "이거를 누르세요" 라고 되어있는부분을 .. 2021. 5. 23. 플러터(Flutter) 입문 4. 다트(dart)파일 만들기 플러터는 다트 라는 언어를 사용합니다. 웹에서 html css js 파일을 따로 만들어 관리하듯 플러터도 dart라는 파일을 만들어서 관리합니다. 사실 1개의 dart파일에 모든 정보를 다담을수 있습니다. 그런데 개발할때 다트파일 한장에 5만줄 이렇게 되면 해석하기 힘들잖아요 그래서 다트파일별로 나누는데 저같은경우는 1개의 class는 1개의 다트파일로 관리하고 있습니다. 그리고 이름짓는 방식도 나름의 규칙을 가지고 하고 있습니다. 역시 긴 설명보다는 그냥 우선 한번해보죠. 1. 다트(dart) 파일 만들기 왼쪽에 폴더트리를 보면 lib 가 보입니다. 앞으로 우리가 만드는 다트파일은 모두 이쪽에 들어갑니다. 여기에 New - Dart File 을 클릭하시면 새로운 다트 파일이 생성 할 수 있습니다. 그런.. 2021. 5. 22. 플러터(Flutter) 입문 3. 레이아웃의 요소기본 Container ,Column ,Row , Expanded 1.Container Container 위젯의 컬러옵션을주고 빌드해보면 이렇게 양옆 위아래로 꽉찬것을 볼수 있습니다. 그 이유는 1.따로 사이즈를 지정해주지 않았다. 2.child 가없다. 이렇기 때문입니다. 여기서 child 옵션으로 Text를 주면 Text 크기 만큼만 가로 세로가 정해지게 됩니다. 마치 봉지에 내용물 담고 진공포장한것과 같은 느낌이죠. 여기에 넓이 옵션만 따로 줘보겠습니다. width: 300이라고 따로 주니까 가로는 넓어졌는데 세로 값은 child에 맞추게 됩니다. Container 위젯 옵션으로 padding과 margin 적용을 해보겠습니다. 먼저 패딩을 줘보겠습니다. padding 이라는 옵션에 EdgeInsets.symmetric(horizontal: 10) 이라고 적어주었.. 2021. 5. 21. 이전 1 2 다음
