Tds/rn TextFiled , BottomSheet 버그 문의

import { BottomSheet, Button, TextField } from '@toss-design-system/react-native';
import React, { useState } from 'react';
import { View } from 'react-native';
import { BedrockRoute } from 'react-native-bedrock';

export const Route = BedrockRoute('/', {
  validateParams: params => params,
  component: Index,
});

export function Index() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <View>
        <TextField variant='line' />
        <Button onPress={() => setOpen(true)}>Hello Button</Button>
      </View>

      <BottomSheet.Root
        open={open}
        onClose={() => setOpen(false)}
        cta={<BottomSheet.CTA>Hello BottomSheet</BottomSheet.CTA>}
      />
    </>
  );
}

위와 같이 TextField와 BottomSheet 컴포넌트가 같이 있는 페이지에서 텍스트필드를 선택시 바텀시트가 올라오는 현상이 발생하는것 같습니다.

확인 부탁드리겠습니다!
감사합니다.

초기상태

Hello Button 클릭시

텍스트 필트 선택시 (문제상황)

사용중인 버전


    "@apps-in-toss/framework": "^0.0.40",
    "@react-native-bedrock/native": "^0.0.25",
    "@toss-design-system/react-native": "^0.9.0",
    "react": "^18.2.0",
    "react-native": "^0.72.6",
    "react-native-bedrock": "^0.0.25"

이슈 재현되어 내부적으로 확인중입니다 :man_bowing:
확인 후 답변드리겠습니다!

1개의 좋아요

문제 원인 파악되어, 버그 픽스 후 새 버전 릴리스 예정입니다 :man_bowing:
릴리즈되면 공유드리겠습니다.

1개의 좋아요

문제 해결되어 배포되었습니다. @toss-design-system/react-native를 0.9.1 로 업데이트 부탁드립니다.

1개의 좋아요