BottomSheet.CTA 그라데이션 영역

개발
1

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

React Native.CTA 영역이 분리 되어있어서 그라데이션이 children을 가리던데 옵션이 따로 있나요?

image
image390×637 29.9 KB

  <BottomSheet.Root
                        cta={
                            <BottomSheet.CTA
                                onPress={() => setIsBottomSheetOpen(false)}
                            > 닫기
                            </BottomSheet.CTA>
                        }
                        style={{ backgroundColor: 'red' }}

                        open={isBottomSheetOpen}
                        onClose={() => setIsBottomSheetOpen(false)}
                        header={<BottomSheet.Header>BottomSheet 제목</BottomSheet.Header>}
                    >
2

gradient 라는 속성에게 null 을 주시면 없어집니다.

3

@minsoo-web

import type { ComponentProps, ReactNode } from 'react';
import { Button } from '../../button';
export interface SingleCTAProps extends ComponentProps<typeof Button> {
    hasPaddingBottom?: boolean;
    background?: 'default' | 'none';
    topAccessory?: ReactNode;
    bottomAccessory?: ReactNode;
    ctaContentGap?: number;
}
export declare const BottomSheetSingleCTA: import("react").NamedExoticComponent<SingleCTAProps>;
stable_disableDragging, }: RootProps<object>): import("react/jsx-runtime").JSX.Element;

gradient는 따로 보이지않는데 또 해당옵션으로 겹쳐질때 그라데이션은 유지되면서 content를 가리지 않게 가능한건가요?