Internal Pseudo Props | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Data Display
Typography
Disclosure
Media and Icons
Others
If you are starting a new project, please try gluestack-ui for better performance and new design.
Internal Pseudo Props
NativeBase uses internal pseudo props to get more customizable components.
Use of internal pseudo props
Let’s take an example of Actionsheet component,
Actionsheet has the following internal pseudo props: _dragIndicator , _dragIndicatorWrapper and _dragIndicatorWrapperOffSet
_dragIndicator - Using _dragIndicator internal pseudo prop, we can customize the style of Actionsheet indicator.
Playground
_dragIndicatorWrapper - Using _dragIndicatorWrapper internal pseudo props, we can customize the style of wrapper around drag indicator.
Playground
_dragIndicatorWrapperOffset - Using _dragIndicatorWrapperOffset internal pseudo prop, we can customize styling of scrollable area above Actionsheet.Content.
Playground
List of internal pseudo props:
NativeBase uses following pseudo props in different components.
Internal Pseudo Props
Use Case
_dragIndicator
Drag indicator in actionsheet.
_dragIndicatorWrapperOffSet
Scrollable area above Actionsheet.Content.
_dragIndicatorWrapper
Wrapper around drag indicator.
_icon
Used to style icons.
_backdrop
Backdrop in Modal, Menu and AlertDialog.
_backdropFade
Animation prop for backdrop.
_fade
Animation prop used in Modal and AlertDialog.
_slide
Animation prop used in Modal and AlertDialog.
_image
Used to style image in Avatar.
_avatar
Used to style avatar in AvatarGroup.
_hiddenAvatarPlaceholder
Used to style hidden avatar in AvatarGroup.
_text
Used to style Text.
_stack
Used to style Stack.
_astrick
Used to style astrick in FormControl.
_overlay
Used To style Overlay.
_presenceTransition
Animation prop in Menu.
_title
Used to style title of MenuGroup and Toast.
_scrollView
Used to style ScrollView.
_line
Used to style text line in SkeletonText.
_scrollView
Used to style ScrollView.
_description
Used to style description in Toast.
_closeIcon
Used to style CloseIcon.
_spinner
Used to style Spinner.
_interactionBox
Used to style interaction box in Checkbox and Radio.
_checkbox
Used to style checkbox in CheckboxGroup.
_alt
Used to style alt text in Image.
_input
Used to style Input.
_radio
Used to style radio in RadioGroup.
_item
Used to style SelectItem in Select.
_selectedItem
Used to style selected item in Select.
_actionSheetContent
Used to style actionsheet content in Select.
_actionsheetBody
Used to style actionsheet content in Select.
_actionSheetContent
Used to style actionsheet body in Select.
_pressable
Used to style Pressable.
Nativebase logo
MadeWithNativeBase