개발관련40 [flutter] ElevatedButton border radius(Elevatedbutton 둥글게) ElevatedButton 모서리를 둥글게 하는 방법, 각지게하는 방법, 동그란 ElevatedButton 만드는 방법을 알아보겠습니다. ▣ ElevatedButton 둥글게 만들기(border radius설정은 안됨) ElevatedButton을 둥글게 만들기 위해서는 ElevatedButton의 style인자를 이용해야 합니다. 아래 코드의 shape: StadiumBorder()을 이용하면 아래 버튼과 같이 모양을 만들 수 있습니다. ElevatedButton( style: ElevatedButton.styleFrom( backgroundColor: Colors.green, minimumSize: Size(110,40), shape: StadiumBorder(), ), onPressed: () {}.. 2022. 12. 21. [flutter] 플러터 ElevatedButton 크기 지정 방법 플러터의 ElevatedButton 버튼의 가로, 세로 크기를 지정하는 방법을 알아보겠습니다. ◆ ElevatedButton 크기 지정 ElevatedButton위젯의 속성인 style 인자 값을 ElevatedButton.styleFrom의 인자인 minimumSize을 통해 지정해 주면 됩니다. minimumSize인자는 Size위젯을 이용해 가로와 세로 값을 지정해 줄 수 있습니다. 간단한 예제를 통해 확인해 보겠습니다. ElevatedButton( style: ElevatedButton.styleFrom( minimumSize: Size(100, 50), ), onPressed: () {}, child: Text('확인'), ), 2022. 12. 17. [flutter]플러터 텍스트필드 비밀번호 효과(TextField password) 플러터로 텍스트필드를 만들 때 비밀번호 입력 시 텍스트가 보이지 않도록 하는 설정 방법을 알아보겠습니다. ◆ 텍스트필드 비밀번호 입력 효과 아래 이미지처럼 아이디를 입력할 땐 텍스트가 보이지만 비밀번호를 입력할 땐 텍스트가 보이지 않도록 하는 효과를 주기 위해선 TextField위젯의 인자인 obscureText를 true로 지정해 주어야 합니다. 아래 코드를 확인해 보면 더 쉽게 알 수 있습니다. TextField( obscureText: true, ), 2022. 12. 17. [flutter] 플러터 텍스트필드 크기, 길이(TextField Size) 플러터 텍스트필드 크기를 중 가로길이와 세로 길이를 지정하는 방법을 알아보겠습니다. ◆ 텍스트필드 세로 크기 설정 방법 텍스트필드의 세로 크기를 설정하는 방법은 TextField위젯의 인자인 style속성에서 fontSize을 통해 변경이 가능합니다. 간단한 코딩 예제를 통해 확인해 보겠습니다. TextField( style: TextStyle(fontSize: 20), ), ◆ 텍스트필드 가로 크기 설정 방법 텍스트필드의 가로 크기는 padding을 이용해 설정합니다. TextField를 감싸는 위젯의 padding값을 조절하면 TextField의 가로 크기를 조절할 수 있습니다. 예제를 통해 확인해 보겠습니다. Contain( child: Padding( padding: const EdgeInsets.. 2022. 12. 17. 이전 1 2 3 4 ··· 10 다음
