반응형

프론트엔드/플러터 | Flutter 5

flutter - 앱 아이콘 변경하기

https://appicon.co/ 에서 아이콘으로 만들 이미지들을 형식에 맞게 변환한다. 안드로이드 android > app > src > main > res 아래에 다음과 같이 폴더를 넣어준다. IOS ios > Runner Assets.xcassets 폴더를 전체 다 바꾸어준다. 앱 아이콘 스타일 바꾸기 1. 프로젝트명 오른쪽 클릭 > Flutter > Open Android module in Android Studio 2. 그 다음 new window를 클릭 3. 새로운 창에서 기다리면 아래와같이 폴더들이 나오는데, app > res 오른쪽 클릭 > New > Image Asset 4. 초기 화면에는 안드로이드 아이콘이 그려져있다. 그걸 내 아이콘 이미지로 바꾸어준다. 나같은 경우엔 그냥 down..

내가 보려고 정리한 플러터 개발에 유용한 단축키, 웹사이트

단축키 alt + Enter : 해당 위젯을 Padding, Center 위젯 등으로 감싸기 ctrl + Q : quick docs 유용한 웹사이트 https://draw.io : 프로토타입 스케치 https://appicon.co/ : 앱 아이콘 제너레이터 http://icons8.com/ : 무료로 아이콘 만드는 곳 https://www.vecteezy.com/ : 무료 이미지, 아이콘 사이트 https://www.canva.com/ko_kr/ : 미리캔버스 같은 곳 https://fonts.google.com :구글 무료 폰트 다운로드 https://material.io/tools/icons/ : material 아이콘들 찾기 https://materialpalette.com : 컬러 팔레트 및 아..

[Flutter | 플러터] 함수로 위젯 표현하기 ( audioplayers package)

하나씩 누를 때 실로폰처럼 소리가 나는 앱이다. import 'package:flutter/material.dart'; import 'package:audioplayers/audio_cache.dart'; void main() => runApp(XylophoneApp()); class XylophoneApp extends StatelessWidget { final player = AudioCache(); void playSound(int soundNum) { player.play('note$soundNum.wav'); } Widget buildKey(int numKey, Color _color) { return Expanded( child: FlatButton( onPressed: () { playSou..

[Flutter] Row, Column, Container 예제

위와 같은 레이아웃을 만들기 위한 코드 예제이다. import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( backgroundColor: Colors.teal, body: SafeArea( child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Container( color: Colors.red, width: 100.0, height: double.infinity, ..

반응형