본문 바로가기

APP/FLUTTER4

[Flutter #3] Xylophone & Quizzler 📚이 포스트는 안젤라의 유데미 플러터강의를 듣고 제가 찾아본 내용을 바탕으로 작성한 글입니다! 📚 예전에 공부하면서 노션에 정리해놓았던걸 다시 가져와서 조금 뒤죽박죽해 보일 수 있습니다. 강의에서 쓰였던 개념 위주의 짤막짤막한 설명입니다. 😓 Xylophone : Flutter Package 사용법 Xylophone 파트에서는 Flutter Package를 사용하는 방법을 위주로 만들어졌다. Flutter Packages - text, sound, font 다 넣는 방식 동일하다 https://pub.dev/ 에서 원하는 패키지를 다운받기 다운로드 사이트에 example과 설명 다 존재하니까 그 설명보고 아래와 같이 코드에 작성하면된다. dependencies: english_words : ^ 3.1.5.. 2021. 1. 5.

FLUTTER #2 Dicee & Dart Hot Reload 코딩과 동시에 화면이 변경되는 기능 stateless 위젯 안 return에 MaterialApp을 넣으면 순식간에 수정가능해져서 결과 출력이 훨씬 빨라짐 Container Widget 사각형의 시각적요소를 만들어줌(배경, 테두리, 그림자, 패딩, 여백, 행렬사용 가능) Container 위젯에서는 children이 없으면 무한대로 커지게된다. - alt + enter → wrap with widget Safe Area 위젯이름을 SafeArea를 입력하면 appbar밑에 컨테이너가 생긴다. Margin margin 컨테이너의 여백 margin : EdgeInsets.all(20,20) 모든 상하좌우의 여백을 20으로 함 margin: EdgeInsets.symmetric(vertic.. 2020. 9. 11.

FLUTTER #4 BMI Calculator 📚이 포스트는 안젤라의 유데미 플러터강의를 듣고 제가 찾아본 내용을 바탕으로 작성한 글입니다! 📚 Theme Widget https://www.colorzilla.com/ → 색 알아내기 color class https://api.flutter.dev/flutter/dart-ui/Color-class.html themedata constructor : https://api.flutter.dev/flutter/material/ThemeData/ThemeData.html 테마 설정관련 theme : ThemeData.dark() ->다크모드 테마로 전환 primarycolor → appbar색 바꾸기 accentcolor → 버튼색 바꾸기 width: double.infinity -> 화면 가득 채우기 Fi.. 2020. 1. 19.

FLUTTER #1 I_am_rich Angelar 슨생님의 유데미 플러터 강의를 듣고 그 내용을 정리하려 한다. 원래 노션에 정리했었으나, 다시 블로그에 적어보는 중입니다,, Material App() material design application을 위한 빌트인 위젯 Scaffold 가장 최상단, 중간 영역, 최하단, 그리고 떠 있는 버튼을 지원해주는 클래스 AppBar Body - 가운데 영역 BottomNavigationBar FloatingActionButton FloatingActionButtonLocation BackgroundColor : Colors.색[] Hide Debug Banner(에뮬레이터에서 디버그 배너 없애는 방법) (android studio) Flutter Inspector -> Hide Debug Bann.. 2020. 1. 18.

이전 1 다음

티스토리툴바