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"


