선택 · SINCE v0.1.0
SelectAllRow — 전체 선택과 해제를 한 행으로 제공하는 SelectAllRow
현재 상태에 따라 전체 선택·전체 해제 라벨을 자동 전환하는 Expo·React Native 선택 제어 행입니다.
SelectAllRow 사용 시점과 역할
SelectAllRow는 selected 값에 맞춰 Provider의 selectAll 또는 deselectAll 문자열을 선택합니다. 체크 크기, 미선택 마크, 사용자 지정 아이콘과 문구를 지원해 다중 선택 목록의 상단 제어로 사용할 수 있습니다.
- 선택 상태에 따라 전체 선택과 전체 해제 라벨 자동 전환
- Provider 다국어 문자열을 기본값으로 사용
- showUncheckedMark, checkSize, renderMark 사용자 지정
설치와 최소 예제
SelectAllRow: 패키지 루트 엔트리에서 import한 뒤 앱이 소유한 상태와 이벤트를 연결하세요.
TypeScript
pnpm add @gj-kit/expo-ui
import { SelectAllRow } from '@gj-kit/expo-ui';
<SelectAllRow selected={allSelected} onPress={toggleAll} />접근성과 플랫폼 동작
현재 동작을 설명하는 라벨을 accessibilityLabel로 사용하고 button 역할과 selected·disabled 상태를 노출합니다.
기본 스타일은 현재 UiProvider 테마의 color, spacing, radius, typography, metric 역할에서 파생됩니다. Expo, bare React Native와 React Native Web에서 같은 prop 계약을 사용합니다.