check box design issue after migrating my native script application.

[naveenkumarrepo]

I'm using "@nstudio/nativescript-checkbox": "^2.0.4", package for designing the check box in my application. After migrating, the check box design not matching properly.
which was perfectly working properly.

How to fix this design issue?

[rob4226]

I have the same issue (using v2.0.5) which is really unfortunate. On Android it is fine, but on iOS the label is always shifted way down like in the picture posted above.

Based on the StackBlitz example here it seems the work around is to use a GridLayout and a separate Label instead of the text attribute of the Checkbox. It's a lot of extra markup but at least it works:

<GridLayout rows="auto" columns="auto,*" class="p-5">
  <CheckBox
    #checkbox
    (checkedChange)="checkedChange()"
    (loaded)="checkboxLoaded($event)"
    [checked]="checkboxValue"
    fontSize="20"
    ios:fillColor="#fff"
    onTintColor="#007A42"
    width="35"
    ios:width="15"
  ></CheckBox>

  <Label
    col="1"
    text="Toggle Me"
    class="ml-1 text-lg text-black"
    android:marginTop="1"
    ios:marginTop="-13"
    (tap)="updateValue(!checkboxValue)"
  ></Label>
</GridLayout>