[flutter] indicator 라이브러리 소개 smooth_page_indicator)

앱 개발중 광고배너에 indicator를 추가시켜야 할 일이 있었다. 기본적으로 제공되는 page indicator로는 부족해서 따로 찾던 중 마침 알맞은 라이브러리가 있어 적용시켜보았다. https://pub.dev/packages/smooth_page_indicator smooth_page_indicator | Flutter Package Customizable animated page indicator with a set of built-in effects. pub.dev 해당 라이브러리는 여러가지 모양의 page indicator를 제공해준다. 위와같이 다양한 모양의 indicator을 사용하고 custom할 수 있어 매우 편리하다. 사용방법은 먼저 yaml dependencies에 추가시켜준다...

• format_list_bulleted flutter
• · 2022. 12. 29.
• textsms

[flutter] SingleChildScrollView) 화면에 스크롤기능을 추가해보자

해당 페이지에서 Textfield를 선택하면 키보드가 올라올것이다. 키보드가 올라와 Widget들을 가리게되면서 오류가 출력된다. 이러한 오류를 방지하기 위해 필요한 것이 스크롤 기능이다. Flutter에서 스크롤 기능을 사용하려면 SingleChildScrollView를 사용하면된다. 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 29 30 31 32 33 34 35 36 37 38 @override Widget build(BuildContext context) { return Scaffold( body: Container( width: double.infinity, height: double.infinity, ch..

• format_list_bulleted flutter
• · 2022. 12. 28.
• textsms

[flutter] Textfield에 border속성 주기

Textfield의 기본 속성을 적용하여 출력하면 다음과 같이 출력된다. 아래의 비밀번호와 같이 border속성을 주려면 textfield내부에 속성을 추가시켜주면 된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 return TextField( controller: _emailController, style: TextStyle(fontFamily: 'Source_Sans_Pro'), decoration: InputDecoration( //border속성을 주기위한 decoration enabledBorder: OutlineInputBorder( borderSide: BorderSide( width: 1, color: Color(0xffD6D6D6) //넓이와 색상 설정 ) ), cont..

• format_list_bulleted flutter
• · 2022. 12. 28.
• textsms