꾸준히 성장하는 개발자

https://pub.dev/packages/url_launcher url_launcher | Flutter Package Flutter plugin for launching a URL. Supports web, phone, SMS, and email schemes. pub.dev url_launcher를 사용하여 웹브라우저를 실행하거나 메일, 전화, 문자를 실행할 수 있다. 설치 pubspec.yaml 파일안에 dependencies아래와 같이 넣어준다. dependencies: url_launcher: ^6.1.10 pub get 실행 설정 url_launcher를 사용하려면 설정해줘야 하는것이 있다 ios ios > Runner> Info.plist 파일로 들어가 안에 아래처럼 넣어주면 된다. ....

flutter도 다양한 라이브러리를 사용할 수 있는데 swiper 를 이용해야 해서 패키지를 찾던중 여러가지가 있었는데 그중 card-swiper 사용한 걸 정리하려고 한다. https://pub.dev/packages/card_swiper card_swiper | Flutter Package swiper/carousel for flutter, with multiple layouts, infinite loop. Compatible with Android & iOS. pub.dev 먼저 pubspec.yaml 파일에 사용할 라이브러리들을 작성하고 pub get 해준다. 사용할 위치에서 import 해준다 import 'package:card_swiper/card_swiper.dart'; 사용할 위치에서 S..

TextField를 클릭해서 focus가 되면 키보드가 올라오면서 아래에 위치시켜놓은 pagination이 위로 올라와버리는 현상이 발생 구글링 시작 아래와 같은 방법을 찾을 수 있었다 return Scaffold( resizeToAvoidBottomInset : false, ); 하지만 위 방법을 쓰다보니 TextField의 위치에 따라서 키보드 창이 입력창을 덮어버리는 현상이 발생되었다 만약 입력창의 위치가 가리지 않는 곳에 있다면 사용하기 괜찮지만 위치가 키보드 창에 가려지는 위치라면 다른 방법을 찾아야 할 것 같다 TextField의 위치가 아래에 있어 키보드 창이 덮어버렸을 때 내가 해결한 방법 사실 이게 정답은 아닐 수 있지만 나중에 필요하면 다시 보려고 정리 return Scaffold( r..

프로젝트 작업을 하던 중 아래 내비게이션바에 가려져서 올라오지 않는 부분이 생김 가볍게 생각하고 padding 으로 bottom:MediaQuery.of(context).padding.bottom 아래처럼 줬지만 하나도 올라가지 않는다 여기가 아닌가 하고 모든 곳에 padding을 줬지만 안돼서 구글링 시작 알고 보니 상위요소에 SafeArea로 감싸져 있게 되면 아래 값들이 안 먹힌다고 한다. MediaQuery.of(context).padding.top MediaQuery.of(context).padding.bottom 그렇기 때문에 SafeArea를 제거하면 우선 아래 가려지던 부분들이 다 드러나는 게 보인다 하지만 위에 상단바 위치에 padding이 사라지는데 이 부분은 padding으로 Medi..

child: SizedBox( height: 50, child: TextFormField( expands: true, minLines: null, maxLines: null, style: const TextStyle( fontWeight: FontWeight.w600, fontSize: 16, ), ), ), TextField를 사용할때 위아래 길이 맞추는 방법 expands :true 로 넣어주고 이렇게 넣으면 무조건 minLines, maxLines 는 null로 같이 넣어줘야 한다. 그럼 위 상위 위젯 높이와 일치하도록 들어가진다 TextButton등 Button 위젯들 높이 조정하기 높이를 조정해야 할때 ElevatedButton( onPressed: () {}, style: ElevatedBut..

Style로 없애는 방법 TextButton( onPressed: (){}, child: Text('Button'), style: TextButton.styleFrom( minimumSize: Size.zero, padding: EdgeInsets.zero, tapTargetSize: MaterialTapTargetSize.shrinkWrap, ), )

처음에 TextButton 을 활용하여 만들고 있었는데 좌우로 꽉차는 button을 만들고 싶어서 구글링을 시작 ElevatedButton을 활용하는 방법이 나와있어서 진행하고 정리해놓는다 ElevatedButton - border-radius와 배경색이 기본적으로 들어가는 button style에 아래처럼 추가해주면 좌우로 늘어난다. style: ElevatedButton.styleFrom( minimumSize: const Size.fromHeight(50), ),