ProgressNS / nativescript-ui-feedback

This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Other
115 stars 21 forks source link

RadSideDrawer iOS borderRadius on top left/right: white background at corners #1510

Open felixkrautschuk opened 3 years ago

felixkrautschuk commented 3 years ago

Please, provide the details below:

Tell us about the problem

I want to set a borderRadis on the top left and right for my RadSudeDrawer (position = bottom) and it works as expected on Android. On iOS, the borderRadius is applied as well but I am not able to remove the white background behind the content, see the screenshots below:

Android: Screenshot_1611574283

iOS: Simulator Screen Shot - iPhone 6 - 2021-01-25 at 12 31 14

I tried to set the backgroundColor of the RadSideDrawer and of the native iOS element to transparent like this:

XML

<nsDrawer:RadSideDrawer id="menuDrawer" loaded="onMenuDrawerLoaded" backgroundColor="transparent">
        <nsDrawer:RadSideDrawer.drawerContent backgroundColor="transparent">
            <GridLayout rows="*" className="drawer-content">

            </GridLayout>
        </nsDrawer:RadSideDrawer.drawerContent>

        <nsDrawer:RadSideDrawer.mainContent>
            <StackLayout>
                <Button text="openDrawer" tap="openDrawer"/>
            </StackLayout>
        </nsDrawer:RadSideDrawer.mainContent>
</nsDrawer:RadSideDrawer>

TS

export function onMenuDrawerLoaded(args) {
    drawer = <RadSideDrawer>args.object;
    drawer.drawerLocation = SideDrawerLocation.Bottom;

    if(isIOS) {
        let tkDrawer = drawer.ios.defaultSideDrawer;

            let backgroundColor = new Color(0, 0, 0, 0).ios;
        tkDrawer.fill = TKSolidFill.solidFillWithColorCornerRadius(backgroundColor, 20);
    }
}

... but unfortunately this does just change the backgroundColor at the corners from white to black.

Which platform(s) does your issue occur on?

iOS

Please provide the following version numbers that your issue occurs with:

Please tell us how to recreate the issue in as much detail as possible.

  1. Start the application ...

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

ns-drawer-ios-border.zip