SegmentedControl 컴포넌트 Item 의 width 값

실행 환경: Android

패키지 버전:

  • @apps-in-toss/framework”: “^1.1.1”,
  • @toss-design-system/react-native”: “^1.0.4”,

안녕하세요, 첨부 사진과 같이 SegmentedControl 컴포넌트를 사용중에 있습니다.

Item 이 2개 일 경우의 width 값이 동일하게 50% 씩 할당 되는 것이 아니라, 오른쪽 여백이 발생하도록 되었는데,

주입된 Text의 길이에 비례 하도록 구현 되어 있는 것으로 보입니다.

혹시 Item의 개수로 N%씩 할당 될 수 있을까요?

@choisho1136 님 확인해볼게요.

1개의 좋아요

@minsoo-web 요거 확인해주실 수 있을까요 ?

            <SegmentedControl.Root value={selectedSegment} name="test-segment">
              <SegmentedControl.Item value="option1">거래 가능한 집</SegmentedControl.Item>
              <SegmentedControl.Item value="option2">랭킹 분석 가능한 집</SegmentedControl.Item>
            </SegmentedControl.Root>

위 코드로 현상 재현됩니다.