inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

UI 마무리하기

안녕하세요 InputDecoration() 의 border, enabledBorder, focusedBorder 에 대해서 질문있습니다

451

정정훈

작성한 질문수 5

0

  1. border: baseBorder 로 설정했을때 color 를 Colors.red 로 해놔도 아무 변화가 없습니다.

스크린샷 2023-07-19 오후 3.23.14.png스크린샷 2023-07-19 오후 3.23.59.png

  1. enabledBorder: baseBorder 설정했을때 그제서야 빨간색이 적용됩니다.

    스크린샷 2023-07-19 오후 3.25.37.png스크린샷 2023-07-19 오후 3.25.47.png

 

focusedBorder 는 커서가 있을때 border 의 형태로 이해가 되었는데 일반 border 와 enabledBorder 속성은 어떤차이가 있는걸까요? border 속성만 사용할때는 아무 변화가 없는 이유도 궁굼합니다.

flutter 하이브리드-앱

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.
InputDecoration 클래스에 사용되는 border, enabledBorder, focusedBorder 속성에 대해서 알려드릴게요.

  • border 속성: 컨트롤이 일반 상태일 때의 테두리를 설정합니다. 기본 값은 UnderlineInputBorder입니다.
  • enabledBorder 속성: 컨트롤이 활성화되었을 때의 테두리를 설정합니다. 기본적으로 border 속성과 동일한 효과를 가지지만, 컨트롤이 비활성화되었을 때 주어진 색상이 적용됩니다.
  • focusedBorder 속성: 컨트롤이 포커스를 받았을 때의 테두리를 설정합니다. 커서가 포커스를 받은 상태에서는 일반적으로 border 속성 대신 이 속성이 적용됩니다. 기본 값은 OutlineInputBorder입니다.

border 속성과 enabledBorder 속성을 같은 값을 설정해서 결과가 다르게 나타나는 이유는, border 속성은 일반 상태일 때의 테두리를 설정하는 반면, enabledBorder 속성은 컨트롤이 활성화되었을 때의 테두리를 설정하기 때문입니다. 컨트롤이 비활성화 상태인 경우, enabledBorder 속성에 설정한 색상이 적용되어 다른 색상의 테두리가 표시될 수 있습니다.

focusedBorder 속성은 컨트롤이 포커스를 받았을 때의 테두리를 설정합니다. 이 속성은 일반적으로 컨트롤이 활성화된 상태에서 커서가 위치한 경우에만 적용됩니다.

border 속성만 사용 했을 때 아무 변화가 없는 이유는, border 속성은 컨트롤의 일반 상태를 설정하기 때문입니다. 컨트롤이 활성화 또는 포커스 상태가 아니라면, border 속성에 설정한 테두리가 표시되지 않을 수 있습니다.

더 궁금한 점이 있으시다면 언제든지 물어보세요!

Isar 마지막 업데이트는 2년전입니다.

0

31

0

FlutterSecureStorage 질문

0

32

0

Dio onError Interceptor 만드는 부분에 질문이 있습니다.

0

80

2

관리자 기능에 대한 질문

0

100

2

part 'restaurant_model.g.dart';

0

92

1

36강. dio 인터셉터에 storage를 전달하는 코드가 이해 안되는데요. 도움 부탁드립니다.

0

56

2

2번 반환 상황 관련 질문

0

61

2

riverpod 3.0

0

140

2

Asset folder??

0

83

2

디자이너와 협업 시 프레임 크기 설정 관련 질문

0

114

2

FutureProvider, StateNotifierProvider 선택 기준

0

70

2

컴포넌트 모델화

0

64

2

쿼리 파라미터

0

84

2

화면 안보임

0

68

2

PaginationListView

0

54

1

강의중 37.Dio onErrorInterceptor 작업하기 dio 관련 질문입니다.

0

103

2

프로토타입이미지

0

62

2

여러 객체를 상태 관리하는 방법에 대한 질문

0

85

2

장바구니 결제하기 응답이 500이 옵니다.

0

105

2

removeFromBasket에서 await patchBasket()을 마지막에 하면 에러나는거 아닌가요?

0

67

2

이 두가지는 완전히 동일한 기능인가요?

0

106

3

내부 코드를 작성하지 않은 CursorPaginationLoading가 어떻게 로딩상태를 갖는지 잘 모르겠습니다...

0

77

2

_SplashScreenState에서 storage를 late로 호출해서 한번만 불러와도 되나요?

0

86

2

코딩 작성 순서 관련 질문

0

88

2