APP/Flutter

· APP/Flutter
Text() 위젯 안엔 style: 파라미터를 넣을 수 있습니다. Text( '글자임', style : TextStyle( color : Colors.red ) ) TextStyle() 안에 스타일 다 넣으면 됩니다. 색상 말고도 backgroundColor: 색상 fontSize: 30 fontWeight: FontWeight.w700 fontFamily: '폰트종류' letterSpacing: 3 이런거 줄 수 있습니다. 색상 넣는 법 색을 넣고 싶으면 color: 파라미터 쓰면 됩니다. 박스에 넣으면 박스배경색, 아이콘에 넣으면 아이콘 색이 입혀집니다. 근데 색상넣는 방법은 3개 중 하나 선택하면 됩니다. color : Colors.red, color : Color.fromRGBO(20,130,50..
· APP/Flutter
Container()인데 사이즈만 필요하면 SizedBox() 쓰셈 박스를 넣고 싶으면 Container() 사용 근데 width, height 이런 파라미터만 필요하면 Container() 대신 SizedBox() 쓰면 됩니다. 똑같은 박스 위젯입니다. 하지만 Container() 보다 훨씬 가볍기 때문에 그걸 쓰십시오. 안쓰면 Lint 워닝 뜸 Container() 에 여백주는 법 네모네모 박스에 여백을 주고 싶으면 margin: 바깥여백양 padding: 안쪽여백양 이런 파라미터를 쓰면 됩니다. https://makinghome.tistory.com/81 CSS 박스 모델1 | content 콘텐츠 border 보더 padding 패딩 margin 마진 CSS 박스 모델 | content 콘텐츠 b..
· APP/Flutter
유용한 MaterialApp() 위젯 구글이 제공하는 기본 플러터 테마는 크게 2개가 있는데 위쪽은 Material Design, 아래쪽은 Cupertino 입니다. 왼쪽 같은 디자인을 사용하고 싶으면 일단 MaterialApp() 이라는 위젯으로 여러분 앱을 감싸면 됩니다. (참고) Material Design 쓰려면 일단 pubspec.yaml 파일에 이런 항목이 켜져있어야합니다. flutter: uses-material-design: true 쿠퍼티노 위젯 맛보기 참고 글 https://eunjin3786.tistory.com/239 [Flutter] CupertinoTabBar 만들기 cupertino-widget 문서 의 CuperinoTabBar를 만들어주겠습니다. (만약 머티리얼 탭바를 만들..
· APP/Flutter
시작하기 전에 Lint 관련 워닝 무시하는 법 Flutter 2.5 버전 이후 부터는 Lint라는게 생겨서 여러분에게 좋은 관습같은걸 알려주는데 초보땐 그런거 하나하나 지키면 복잡해서 코딩 포기하기 때문에 나중에 익숙해지면 씁시다. 그래서 analysis_options.yaml 파일 열어서 (analysis_options.yaml) rules: prefer_const_constructors: false avoid_print: false prefer_typing_uninitialized_variables: false prefer_const_constructors_in_immutables: false 이걸 추가해두고 시작하면 Lint 경고가 뜨지 않습니다. (주의) rules: 보다 prefer어쩌구: 가 ..
개발자 aloe
'APP/Flutter' 카테고리의 글 목록 (4 Page)