일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- TextField
- ios
- 플러터
- 춘식
- error
- 카카오
- Flutter
- visualstudiocode
- 간단리뷰
- wrap
- VSCode
- database
- 라이언
- sqflite
- 데스크셋업
- 내돈내산
- Git
- datetime
- AppleSilicon
- listview
- Android
- AppBar
- M1
- GitHub
- 데스크테리어
- xcode
- list
- swift
- react
- GetX
- Today
- Total
목록Flutter (49)
welcome to my blog
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/PLy12/btriYz4Hdj8/ckwLmqqnPtYWWH6xfKPAEk/img.png)
일정관리 어플을 만들어보면서 헷갈렸던 부분이나 까먹을것 같은 내용 정리 전체 코드는 하단참고 만들 기능 : 1. 텍스트박스에 글씨를 적고 Add버튼을 누르면 하단에 내용이 추가된다. 2. 휴지통 모양의 버튼을 누르면 해당 항목이 삭제된다. 3. 체크박스를 클릭하면 완료되었다는 의미로 취소선을 표시한다. 사용라이브러리 : GetX //version get 4.3.8 //command flutter pub add get //pubspec.yaml dependencies: get: ^4.3.8 1. UI 구성 필요한 위젯 : 스케쥴 입력 부분 : Textfield(입력) / TextButton(추가) / Divider(없어도됨) 등록된 스케쥴 표시 부분 : ListView(목록표시) / ListTile(Lis..
dart 랜덤 수 사용 import 'dart:math'; var randomIndex = Random().nextInt(10); 0~10 까지의 수 중에서 랜덤 수 반환 nextInt 내부의 수를 바꿔서 사용 List 정의 / 사용 List weekArray = [ {'name': 'monday', 'text': '월요일'}, {'name': 'tuesday', 'text': '화요일'}, {'name': 'wednesday', 'text': '수요일'}, {'name': 'thursday', 'text': '목요일'}, {'name': 'friday', 'text': '금요일'}, {'name': 'saturday', 'text': '토요일'}, {'name': 'sunday', 'text': '일요..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/ciwTE4/btriQ6aOaWi/isnu4WQ08KQQv3Xst1ZVYk/img.png)
개발하다가 에러 났을때 해결한 방법 혹시나 다음에 또 같은 에러가 발생하면 시도해보려고 기록! "Flutter Run main.dart in ProfileMode" 로 빌드했을 때 iOS Observatory not discovered after 30 seconds. This is taking much longer than expected... 위와같은 에러가 발생하면서 어플이 설치되다가 중단되었다. ( 이상하게도 그냥 어플 눌러서 켜면 켜지긴 했음 ... (???)) Flutter와 사용했던 라이브러리들도 다 최신이었고 앱 삭제 단말 재부팅 등등 다 해봤는데도 해결되지 않았음 해결하려고 시도했던 방법: flutter 프로젝트의 ios 폴더의 xcworkspace 실행 > Singing & Capabil..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/crudbz/btrhBMMmchO/L7Uo9mKAJPspCXaKkDT7U1/img.png)
Scaffold -> bottomNavigationBar : BottomNavigationBar 추가 BottomNavigationBar -> items : BottomNavigationBarItem 추가 * 4개 이상일때만 애니메이션 적용됨 (3개로 해놓고 왜 안되나 한참 삽질함..) @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: Scaffold( body: Center( child: _widgetOptions.elementAt(_selectedIndex), ), backgroundColor..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/EX1ul/btrigrT25mF/uUG9GImFnTYgufMDA2mKq0/img.png)
getX 를 이용하여 간단한 Counter App을 작성해보자 get 설치 : 사용버전 4.3.8 flutter pub add get 사용 : import 'package:get/get.dart'; Flutter의 새 프로젝트에서 기본적으로 생성된 "카운터" 프로젝트에는 100줄 이상(주석 포함)이 있습니다. Get의 힘을 보여주기 위해 클릭할 때마다 상태를 변경하는 "카운터"를 만드는 방법, 페이지 간에 전환하고 화면 간에 상태를 공유하는 방법을 모두 조직적인 방식으로 보여주고 비즈니스 논리를 보기에서 분리합니다. 주석을 포함한 26개의 라인 코드. 요약 : 카운터앱 만들기( 페이지 전환 / 상태공유 / 비즈니스 로직 분리 )를 할것이다. class Controller extends GetxContro..