Study/Flutter26 [Flutter] 플로팅버튼 스피드다이얼로 만들기. 스피드 다이얼 형식으로 플로팅 버튼 만들기. Scaffold Widget 에 입력. floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked, floatingActionButton: SpeedDial( animatedIcon: AnimatedIcons.menu_close, useRotationAnimation: true, animationCurve: Curves.elasticInOut, children: [ SpeedDialChild( child: Icon(Icons.camera_alt), backgroundColor: Colors.grey[400], foregroundColor: Colors.white, onTap: () { Nav.. Study/Flutter 2023. 2. 22. 더보기 ›› [Flutter] GestureDetector Widget GestureDetector 는 플러터에서 지원하는 모든 제스처를 구현할 수 있는 위젯 onTap 한번 탭했을 때 onDoubleTap 연속으로 두번 탭했을 때 onLongPress 길게 누를 때 onScale 확대하기를 했을때 onVerticalDragStart 수직드래그가 시작됐을 때 onVerticalDragEnd 수직 드래그가 끝났을때 onHorizontalDragStart 수평 드래그가 시작됐을때 onHorizontalDragEnd 수평 드래그가 끝났을때 onPanStart 드래그가 시작됐을때 onPanEnd 드래그가 끝낫을떄 Study/Flutter 2023. 2. 3. 더보기 ›› [Flutter] 플로팅 버튼 중단부에 위치시키기 BottomApp, Floationg Action 이런걸 만들어보자. int _selectedIndex = 0; void _onItemTapped(int index) { setState(() { _selectedIndex = index; }); } Scaffold( bottomNavigationBar: BottomAppBar( shape: CircularNotchedRectangle(), child: Container( height: 60.0, child: Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: [ IconButton( icon: Icon(Icons.home), onPressed: () => _onItemTapped(0), color: _selectedIndex == 0 ? T.. Study/Flutter 2023. 2. 2. 더보기 ›› [Flutter] Button 종류 변경 참고 https://docs.flutter.dev/release/breaking-changes/buttons New Buttons and Button Themes The basic material button classes have been replaced. docs.flutter.dev 기존 플러터에서는 FlatButton,Outline Button,RaisedButton 3가지의 버튼을 사용했다. 각 버튼은 플러터 버전에 따라서 사용을 못하는데, 개별 스타일테마 적용에서 공용스타일테마 적용을 위해서라고 한다. 아무튼 변경된 버튼별 사용 예를 첨부한다. Flatbutton ▶TextButton TextButton( style: TextButton.styleFrom( shape: StarBorder(),.. Study/Flutter 2023. 2. 2. 더보기 ›› [Flutter] Sqlite를 구현하는 Drift 들어가기에 앞서.. 플러터에서 pubspec.yaml 파일에서 dependencies와 dev_dependencies 항목이 있는데 dependencies는 앱에 함께 패키징 되나, dev_dependencies 는 개발될 때만 사용되고 앱과 함께 패키징 되지 않으므로 개발할 때만 필요하고 앱을 실행할 때 필요 없는 플러그인을 입력한다. Drift 클래스를 이용해서 SQLite 데이터베이스를 구현할 수 있는 플러그인으로 다트언어로 데이터베이스 테이블과 쿼리를 구현하면 자동으로 쿼리를 생성해준다. 이러한 일련의 기능을 코드생성(Code Generation)이라고 부르며, 코드생성은 데이터베이스 관련 코드가 변경될 때마다 한번씩만 실행해주면 되기 때문에 앱과함께 패키징 될 필요가 없으므로 dev_depend.. Study/Flutter 2023. 1. 30. 더보기 ›› 반응형 이전 1 2 3 4 5 6 다음
