Never give up

검색기능을 사용할 때 키보드 때문에 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 그러면 우리가 ..

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..

Flutter앱을 만들고나서 AVD가 아닌 기기에서 실행해보면 반응 및 애니메이션이 엄청 버벅거리는것을 확인 할 수 있습니다 처음 했을때 필자의 반응은 "?? 네이티브급 성능이라 하지 않았던가? 뭐지 이건?" 이랬습니다 그런데 debug모드와 release모드, profile모드를 알고는 있었는데 기기를 연결하고 Run을 누르면 debug모드가 default인것을 모르고 있었기 때문에 애니메이션 최적화를 잘못한줄 알고 코드만 열심히 봤었습니다(하..씁..) 이랬던 이유중 하나가 분명 AVD에서는 Run눌러도 랙 없이 잘 동작했었고 네이티브 안드로이드 했었을 때 Run으로 실행했고, 잘 작동됐었던 기억이 있었습니다 그래서 찾아보니 flutter 앱은 기기에서 debug모드는 상당히 느리다는것을 알 수 있었..

ListView를 사용할 때 순서를 바꿔야될 때 ReorderableListView를 사용하는데 children 부분이랑 onReorder부분을 처리하는게 생각보다 까다롭습니다 그래서 어떻게 하면 간단하게 할 수 있는지 알아보겠습니다 메인 class Reorderable extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('ReorderableListview example')), body: Consumer( builder: (context, value, child) { return ReorderableListView( onReorder: (int o..