내가 보려고 만든 블로그

스크롤 내릴때 bottom navigation bar 보이지않고, 올릴때는 보이게 하고싶은데 setState를 사용하면 데이터가 많을 경우 속도 측면에서 너무 비효율 적이라 setstate를 사용하지않고 기능을 수행하고 싶었다 그래서 찾은방법 HideNavbar class를 새로 생성해 이걸 이용할거다 class HideNavbar { final ScrollController controller = ScrollController(); final ValueNotifier visible = ValueNotifier(true); HideNavbar() { visible.value = true; controller.addListener( () { if (controller.position.userScrollDi..

https://api.flutter.dev/flutter/services/Clipboard-class.html Clipboard class - services library - Dart API Utility methods for interacting with the system's clipboard. Properties hashCode → int The hash code for this object. [...] read-only, inherited runtimeType → Type A representation of the runtime type of the object. read-only, inherited Methods noSuchM api.flutter.dev 플루터에서 지원하는 기본적인 clipb..

flutter에서 datetime 유형을 변경할때 사용!! String dateFormat(String dateString, {bool numericDates = true}) { DateTime notificationDate = DateFormat("yyyy-MM-dd HH:mm:ss").parse(dateString); print(notificationDate); String month = notificationDate.month < 10 ? '0${notificationDate.month}' : "${notificationDate.month}"; String date = notificationDate.day < 10 ? '0${notificationDate.day}' : "${notificationD..

input box를 쓰다보면 clear 버튼을 사용해야할 경우가 있다. 따로 만들어도 되지만, 길이 체크 및 focus 체크까지 할게 많은데, 기본기능에 있으면 기본을 사용하는게 더 효율적이기 때문에 찾아보았다! 우선 input type은 search 로 사용하면 자동으로 만들어지는데, 기본 디자인은 이쁘지 않아서 수정해야할 경우가 대다수이다! 그래서 사용할 css는 input[type=search]::-webkit-search-cancel-button{ background: #000; } 으로 원하는 대로 변경해서 사용하면 된다. * 지금은 잘 사용하지는 않지만, ie의 경우 input[type=search] input[type=search]::-ms-clear 로 적용하면 된다!*

수평 스크롤 만들려고 했는데, 수평스크롤이 아닌 아래로 내려갈때 해결방안!! ul{ display: flex; } li{ margin-left: 8px; width: 77px; height: 77px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 77px; }

html 에서 button css를 변경할때 기본 스타일 지우는 방법!! 항상 검색해서 찾아서 글작성! -webkit-appearance: none; -moz-appearance: none; appearance: none;

bar char 작업 하던 도중 x축 항목이 12개나 되지 다닥다닥 붙어서 보기 싫은 현상이 발생했다 그래서 scroll 처리 하고 싶어서 그냥 listview로 넣었는데, 오류가 발생했다 그래서 git hub에 나와 같은 고민을 하고있는 사람이 없을까 싶어 issue에서 검색해봤는데 ㅇ나대... 바쁘신거 알지만 그래도... 구현해주세요... 하고 있었는데 세상에 대단한 사람들은 많나보다 구현하신 분이 있었다 Scrollbar( child: SingleChildScrollView( scrollDirection: Axis.horizontal, child: SizedBox( width: width, height: height, child: ListView( children: [ SizedBox( width:..

플루터하면 항상 소셜로그인이 들어가는데, 많은 소셜로그인이 있지만 제일 힘든건 애플... 애플은 ios랑 android를 따로 해주어야되는데, 애플이 자기꺼라고 ios만 편애하는거같다 https://pub.dev/packages/sign_in_with_apple sign_in_with_apple | Flutter Package Flutter bridge to initiate Sign in with Apple (on iOS, macOS, and Android). Includes support for keychain entries as well as signing in with an Apple ID. pub.dev 공식 사이트에 설명이 잘 되어있지만, 모두 ios기준이다 ios는 하라는대로하면 문제없이 잘 ..

플루터 웹 하던중 사파리에서 왼쪽에서 오른쪽으로 스와이프해서 뒤로가기에서 오류가 발생했다. 이상한 위치로 가는... 뒤로가기 하면 오류나는... 진자 이상한.. 뭔지 모르겠는 오류 아이폰 쓰는 사람은 다 아는 뒤로가기지만 어떻게 수정해야될지 감도 안잡히는거! 🖐 잠깐! 참고사이트 ↓↓↓↓ https://stackoverflow.com/questions/49894406/how-to-implement-swipe-to-previous-page-in-flutter How to implement swipe to previous page in Flutter? Go back feature works only on the edge of the screen on iPhone. How can I swipe to previ..

안녕하세요 저번글에 이어 이번에도 flutter web관련 오류 해결방법에 대해 적으려고해요! cors... cors는 vue할때도 괴롭히더니 flutter에서도 그러네요.. 네트워크 통신부분이 직접적으로 없어서 어떻게 해결해야되나.. 싶었는데 생각보다 너무 간단하게 해결이 되서 기분이 좋아요!! 1- Go to flutter\bin\cache and remove a file named: flutter_tools.stamp 2- Go to flutter\packages\flutter_tools\lib\src\web and open the file chrome.dart. 3- Find '--disable-extensions' 4- Add '--disable-web-security' 찾은 stackoverf..