앱 개발/플러터(Flutter)
-
[flutter] 플러터 TextFormField에서 hint 및 텍스트 가운데 정렬하는 방법앱 개발/플러터(Flutter) 2022. 8. 11. 14:56
플러터의 TextFormField에서 hint 및 텍스트 가운데 정렬하는 방법을 알아보자. TextFormField에서 기본적으로는 왼쪽 가운데 정렬이 되어있을 것이다. 하지만, TextFormField는 경험상 Container로 감싸거나 SizedBox로 감싸서 크기를 조절해주어야한다. 하지만 처음에는 아래 그림과 같이, 회색 TextFormField 안의 hint가 왼쪽 정렬이 되어있다. 그리고 칸 안에도 들어가지 않은 것으로 보인다. 여기에 다음과 같은 속성을 추가해주자. 그러면 아래 그림과 같이 가운데 정렬로 바뀔 수 있고, 글자도 그 안으로 들어가게 된다. textInputAction: TextInputAction.done, cursorColor: Colors.black, 오류, 질문이 있으면..
-
[flutter] 플러터 앱바(AppBar)의 제목(title) 가운데 정렬 하기 / 앱바 아이콘 및 제목 검정색으로 설정하기 / AppBar 배경 흰색으로 설정하기앱 개발/플러터(Flutter) 2022. 8. 11. 01:49
플러터 앱바(AppBar)의 제목(title) 가운데 정렬 하기 / 제목 검정색으로 설정하기 / AppBar 배경 흰색으로 설정하기 아래는 AppBar 배경을 흰색으로 설정하고, 글자 색을 검정으로 한 뒤 가운데 정렬한 코드이다. appBar: AppBar( centerTitle: true, elevation: 5, iconTheme: IconThemeData(color: Colors.black), title: Text("설정", style: TextStyle(color: Colors.black), ), backgroundColor: Colors.white, ), 특히 아이콘을 검정으로 하는 코드는 아래와 같다. iconTheme: IconThemeData(color: Colors.black), 아이콘 ..
-
[flutter] 플러터에서 StatefulWidget으로 데이터 넘겨주기 / Passing Data(parameter) to a Stateful Widget in Flutter앱 개발/플러터(Flutter) 2022. 8. 7. 02:06
아래와 같이 statefulWidget이 deciveWidth와 deviceHeight라는 매개변수를 State으로 넘겨주고 싶다고 하자. 일단 아래와 같이, deciveWidth와 deviceHeight라는 매개변수는 객체가 형성될 때 받았을 것이다. 그러면 State에서는 아래와 같이 widget.파라미터이름 으로 그 값을 사용할 수 있고, class의 상단에서 초기화해주면 그 이후 코드에서 사용할 수 있다. 참고 : https://stackoverflow.com/questions/50818770/passing-data-to-a-stateful-widget-in-flutter Passing Data to a Stateful Widget in Flutter I'm wondering what the re..
-
[flutter] 플러터 cursorColor 속성 없어짐 / textfield 커서 색상 변경 방법 / 커서 색상 일괄 적용 / cursorColor property in TextSelectionTheme앱 개발/플러터(Flutter) 2022. 8. 2. 14:45
아래 그림과 같이 커서 색상을 기본 색상에서 원하는 색깔로 바꿔보자 ! textfield의 커서 색상을 일괄 변경하기 위해서 themeData를 사용한다. v1.26.0-18.0.pre. 이전 버전에서는 위와 같이 ThemeData 내에 cursorColor을 설정해주면 됐었지만, 이후 버전부터는 삭제되었다. 대체로, 아래와 같이 작성하면 똑같이 적용된다. textSelectionTheme을 이용한다. 그 안에 cursorColor라는 속성이 있으므로 그것으로 설정을 하면 된다. 참고 : https://api.flutter.dev/flutter/material/ThemeData/cursorColor.html cursorColor property - ThemeData class - material libr..
-
[flutter] 다트(Dart) 언어 Class 선언과 클래스 변수 설정 시 오류 해결 / 플러터 앱 프로그래밍앱 개발/플러터(Flutter) 2022. 8. 2. 01:02
플러터에서 Class를 만들 때, 사용자에게 클래스 변수의 이름으로 값을 받기 위해서는 아래와 같이 this.변수명으로 클래스 변수 이름을 설정하고, super(key: key); 구문 이후 final 변수명 구문이 필요하다. 이 때, 주의해야할 점이 있는데, 이 변수가 _로 시작해서는 안된다. 에러를 잘 읽어보아도 알 수 있는데, parameter가 underscore(_)로 시작할 수 없다는 내용이다. 그래서 아래와 같이 수정하여야 정상적으로 작동한다. class CircleButton extends StatelessWidget { CircleButton({ Key? key, this.deviceWidth, }) : super(key: key); final deviceWidth; @override W..
-
[flutter] 플러터 cannot provide both a color and decoration to provide both 에러 해결하기앱 개발/플러터(Flutter) 2022. 7. 30. 19:50
아래와같이 cannot provide both a color and decoration to provide both 에러가 뜬다면, 다음과 같이 해결할 수 있다. 이 에러는 BoxDecoration을 사용함에도 container 자체에 색상(color)를 지정했기 때문에 생기는 일이다. 아래와 같은 코드의 경우, 에러를 발생한다. decoration 속성에 BoxDecoration를 설정하였는데 container의 color를 지정하는 경우, 위와 같이 에러가 발생한다. 그래서 container 자체의 color를 지우고 BoxDecoration 내에 color를 설정해주면 에러가 해결된다. 오류, 질문이 있으면 댓글달아주세요 구독은 항상 환영입니다 :)
-
[flutter] 플러터 컨테이너 가로로 스크롤하기 / SingleChildScrollView, scrollDirection, Axis.horizontal앱 개발/플러터(Flutter) 2022. 7. 25. 21:31
플러터의 컨테이너(Container)을 가로로 스크롤 하기 위해서는 어떻게 해야할까? 세로로 스크롤하려면 SingleChildScrollView를 사용하면 됐었다. 이에 관련하여서는 아래 링크를 참고하길 바란다. https://chocohaim1121.tistory.com/35 [flutter] 플러터에서 특정 container 자체를 스크롤 형태로 만드는 방법 Container( child: ( SingleChildScrollView( child: Column( children: [] ) ) ) ) SingleChildScrollView 내부에 child로 Column을 넣고 그 안에 있는 children이 실질적으로 Container 안에서 스크롤 될 부분이.. chocohaim1121.tistory..
-
[flutter] 플러터 Cannot run with sound null safety, because the following dependenciesdon't support null safety 에러 해결하기앱 개발/플러터(Flutter) 2022. 7. 24. 03:50
플러터 코딩을 하다가 아래와 같이 Cannot run with sound null safety, because the following dependencies don't support null safety: 이하의 에러가 발생한다면, ( 어떻게 해결하는지에 대한 포스팅이다. 아래는 에러 전문이다.) Cannot run with sound null safety, because the following dependencies don't support null safety: - package:flutter_screenutil For solutions, see https://dart.dev/go/unsound-null-safety FAILURE: Build failed with an exception. * Wh..