Never give up

데이터를 다루다보면 Map을 Listview로 표현해야될때가 있습니다 제가 사용한 데이터 타입은 Map입니다 (items은 String값의 reply와 user name입니다) 다양한 방법이 있지만 필자는 다음과 같은 방법을 사용했습니다 Main class MapListViewExample extends StatefulWidget { @override _MapListViewExampleState createState() => _MapListViewExampleState(); } class _MapListViewExampleState extends State { TextEditingController _tController = TextEditingController(); ScrollController _s..

검색기능을 사용할 때 키보드 때문에 TextField가 가려지거나 다른 방식으로 처리하면 붕 뜨거나 할때 가장 간단한 방법은 Column안에 Expanded안에 위젯을 넣고 맨 하단에 TextField사용하면 특별한 처리를 하지 않아도 하단에 고정이 됩니다 그 다음으로 List를 사용할 때 List안에 있는 값을 검색할 수 있는 기능을 추가시키고 싶을때 어떻게 처리해야되는지 예제를 통해 알아보겠습니다 Main class SearchExample extends StatelessWidget { @override Widget build(BuildContext context) { var items = Provider.of(context, listen: false); return Scaffold( appBar: ..

구글 공식문서에 따르면 다음과 같은식으로 구현을 하는데 { "name": "John Smith", "email": "john@example.com" } //변환 할 json값 class User { final String name; final String email; User(this.name, this.email); User.fromJson(Map json) : name = json['name'], email = json['email']; Map toJson() => { 'name': name, 'email': email, }; } 여기서 조금 더 생각해야되는 부분이 있습니다 예제에 나온 serialize는 불러온 json 데이터가 하나일때는 처리할때는 이렇게 하지만 여러개일때는 어떻게 해야될지 고민이..

ListView를 다룰 때 List의 index에 따라 위젯을 변경 시켜주거나 아이템을 눌렀을 때 해당 index로 이동해야되는 위젯이 있을때 처리를 어떻게 해야될지 알아보겠습니다 먼저 사용한 패키지는 다음과 같습니다 pub.dev/packages/scrollable_positioned_list class _UIExampleState extends State { List _list = List.generate(20, (index) => 'Item - $index'); StreamController _streamController; ItemScrollController _itemScrollController = ItemScrollController(); ItemPositionsListener _itemPo..

하이브리드 앱을 만들때 혹은 특정한 페이지를 로드할 때 Webview가 필요하고 어떤 앱은 검색하는 기능도 가지고 있습니다 먼저 Webview를 사용하기 위해서 다음 패키지를 이용합니다 pub.dev/packages/webview_flutter @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('WebView Example'), actions: [ IconButton( icon: Icon(Icons.search), onPressed: () => showSearch(context: context, delegate: Search()), ) ]), body: WebView( initialUrl: '..

Icon을 유저에게 선택 가능하도록 만들어야되는 앱이 있는경우 IconPicker를 사용하게 되는데, 필자가 이용한 패키지는 아래 링크에 있습니다 pub.dev/packages/flutter_iconpicker 먼저 IconData data = await FlutterIconPicker.showIconPicker(context, iconPackMode: IconPack.material); print('${data.codePoint ?? null}'); 다음과 같은식으로 아이콘을 선택하게 되는데 IconData의 data값을 print해보면 유니코드형태로 숫자가 출력되고 ex) IconData(U+0E145) codePoint를 print해보면 5자리 숫자가 나오게 됩니다 ex) 57669 그러면 우리가 ..

Flutter를 처음 접했을때가 5월 초 정도였던것으로 기억합니다 유데미 강의를 듣고 6월부터 시작했던 가벼운 프로젝트를 9월이나 돼서야 끝냈습니다... 시간이 오래걸린 이유는 기획 변경 여러번 + 삽질시간 + 리펙토링 + 아이디어 부족 등이 있겠습니다 그 중에서도 기획 변경 여려번으로 인해 써놨던 코드들 지웠다가 새로 만들고 쓰던 패키지를 다른것으로 교체하는 등등 가비지 시간이 너무 많아진게 원인인거 같습니다 그리고 또 하나.. 필자가 디자인 감각이 얼마나 떨어지는지(UI/UX디자이너는 절대 하면 안될거 같습니다..) 그리고 쓸대없는 마이크로 최적화에 얼마나 목메었었는지도 알게되었습니다 필자는 전기전자제어 공학부를 졸업해서 MCU를 다룰 일이 많았는데 그 때 생긴 버릇이 여기에서 나오는 거 같았습니다...

Map에서 value를 이용해서 key를 가져와야될 상황이 생길때가 있습니다 이 부분은 Map의 메소드를 이용해서 간단하게 해결할 수 있습니다 먼저 사용한 데이터 타입은 key : DateTime, value : List입니다 Map _map = { DateTime.now().add(Duration(days: -3)): ['a', 'b', 'c'], DateTime.now().add(Duration(days: -2)): ['b', 'c'], DateTime.now().add(Duration(days: -1)): ['a'], DateTime.now(): ['b'] }; //값들은 임의로 넣었는데 실제로 날짜순으로 받고 있습니다 void setSelectedItems(String title) { Iterab..