Components

Vue Native provides 20 built-in components that map directly to native views.

Import

All components are globally registered — no import needed in templates.

Layout

ComponentiOSAndroidDescription
<VView>UIViewFlexboxLayoutContainer view. Supports all Flexbox props
<VScrollView>UIScrollViewScrollViewScrollable container
<VSafeArea>UIView + safeAreaInsetsView + WindowInsetsCompatRespects device safe areas
<VKeyboardAvoiding>Custom VC logicAdjustResize / manual offsetShifts content when keyboard appears

Text & Input

ComponentiOSAndroidDescription
<VText>UILabelTextViewText display
<VInput>UITextFieldEditTextText input with v-model

Interactive

ComponentiOSAndroidDescription
<VButton>UIButton / UIControlCustom TouchDelegatePressable view with @press
<VSwitch>UISwitchSwitchToggle with v-model
<VSlider>UISliderSeekBarRange slider with v-model
<VSegmentedControl>UISegmentedControlTabLayoutTab strip selector

Media

ComponentiOSAndroidDescription
<VImage>UIImageView + URLSessionImageView + CoilAsync image loading with caching
<VWebView>WKWebViewWebViewEmbedded web view

Lists

ComponentiOSAndroidDescription
<VList>UITableViewRecyclerViewVirtualized list for large datasets

Feedback

ComponentiOSAndroidDescription
<VActivityIndicator>UIActivityIndicatorViewProgressBar (circular)Loading spinner
<VProgressBar>UIProgressViewProgressBar (horizontal)Progress bar
<VAlertDialog>UIAlertControllerAlertDialogNative alert
<VActionSheet>UIAlertController (.actionSheet)BottomSheetDialogBottom action sheet
<VModal>UIViewController presentationDialogFull-screen overlay modal

System

ComponentiOSAndroidDescription
<VStatusBar>UIStatusBarStyleWindowInsetsControllerControl status bar style
<VPicker>UIDatePickerDatePickerDialog / NumberPickerDate/time and value picker
Edit this page
Last Updated:
Contributors: Abdul Hamid, Claude Sonnet 4.6