포커스 링
Flutter 제품 복합 컨트롤에 키보드 전용 Tinyrack 포커스 표시를 적용해요.
제품 전용 복합 컨트롤에 Tinyrack 컨트롤과 같은 키보드 전용 포커스 표시를 적용해요.
핵심 속성
| 속성 | 설명 |
|---|---|
| 입력 방식 | 원시 포커스를 focused에 넘기세요. 키보드 탐색에는 링이 나타나고 포인터로 받은 포커스에는 나타나지 않아요. |
| 레이아웃 | 링은 자식 경계 안에 그려지며 크기나 위치를 바꾸지 않아요. |
설치
패키지를 추가한 뒤 공개 라이브러리를 가져오세요.
flutter pub add tinyrack_uiimport 'package:tinyrack_ui/tinyrack_ui.dart';플레이그라운드
사용법
import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';
TRFocusRing(
focused: focusNode.hasFocus,
child: const CompositeControl(),
)API
TRFocusRing 속성
| Prop | 타입 / 기본값 | 용도 |
|---|---|---|
focused | bool · required | 복합 컨트롤이 현재 포커스를 소유하는지 알려 줘요. |
child | Widget · required | 링을 표시할 경계를 가진 복합 컨트롤을 제공해요. |