How to have both shadow and borderRadius?

[tempurai]

Which platform(s) does your issue occur on?

• iOS/Android/Both
• iOS/Android versions
• emulator or device. What type of device?

iOS emulator

Is there any code involved?

• provide a code example to recreate the problem
• (EVEN BETTER) provide a .zip with application or refer to a repository with application where the problem is reproducible.

<SwipeLayout class="card-container"
     *ngFor="let card of cards"
      (loaded)="swipeLayoutLoaded($event)"
      (swipeLeft)="swipeLeftCallback($event)"
      (swipeRight)="swipeRightCallback($event)"
      [animationState]="swipeLayoutAnimated"
      [gestureMode]="gestureMode">

      <StackLayout width="85%" height="80%" shadow="2">
            <Label></Label>
      </StackLayout>
</SwipeLayout>

basically I wish to have both shadow and border radius on StackLayout. Yet, since they don't work together, I just wondering is there any workarounds?

[ghost]

Have the same problem on Android

<StackLayout *ngFor="let workout of workouts" [ngStyle]="{'background-image': workout.background }" class="workout-box"> <Label [text]="workout.name"></Label> </StackLayout>

The background disapears when I add shadow

[MeMartijn]

I have the same problem.

+1

[domzinhuu]

Hi guys.. you need set bg color in a variable AndroidData or IOSData Exemple:

  btnPrincipalShadow: AndroidData = {
    elevation: 6,
    bgcolor: "#1e3a3d",
    shape: ShapeEnum.OVAL
  };

Here i set elevation level, the bgColor and the shape if you are using border radius use the shape oval.

and then put in your html

[shadow]="btnPrincipalShadow"

[vahidvdn]

+1

[suparnavg]

+1