Comments (1)
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>
from nativescript-plugins.
Related Issues (20)
- [nativescript-checkbox] Lost response after first click if created before `Application.run` on iOS
- [exoplayer] playbackReady event is not working in v6.0.1 HOT 2
- [check-box]
- [FilterableListpicker] App crash when using FilterableListpicker HOT 12
- [@nstudio/nativescript-exoplayer][IOS] Explayer blocks back navigation HOT 1
- [@nstudio/nativescript-exoplayer][IOS] Controls not visible inside page HOT 3
- [@nstudio/nativescript-camera-plus] [Android] permission error for API33 HOT 1
- nativescript-vue, @nstudio/nativescript-barcodescanner, releases crash HOT 2
- IPHONEOS_DEPLOYMENT_TARGET error after adding ui-checkbox dependency HOT 3
- DKCarouselView.framework" failed: No such file or directory - @nstudio/nativescript-carousel v8.0.3 HOT 2
- @nstudio/nativescript-checkbox: Toggle is being called twice when binding the checked to an attribute. HOT 1
- [Carousel][iOS] Changing the slideIndex changes the indicator position, but not the visible slide
- @nstudio/nativescript-loading-indicator: recent iOS view changes causes indicator to display behind modals HOT 3
- Plugin: nativescript-tracking-transparency - Apple iOS ATT is not working on iOS 16.2 bug
- @nstudio/nativescript-camera-plus: android:attr/lStar not found
- [@nstudio/nativescript-barcodescanner] [iOS] Crash on exit from scanner HOT 4
- [nativescript-camera-plus][ios] - wrong format of file when photo is taken.
- [nstudio/nativescript-exoplayer][ios] Error in IOS HOT 7
- Cannot fit requested classes in a single dex file HOT 1
- [nativescript-carousel] - NativescriptVue - indicatorOffset doesn't affect the indicator position on ios HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nativescript-plugins.