Changelog | NativeBase | Universal Components for React and React Native
IMPORTANT MESSAGE
Upgrade to gluestack-ui
If you are starting a new project with NativeBase, we recommend using
gluestack-ui
Please opt in to our enterprise plan (coming soon) for priority support with NativeBase.
Migrate to gluestack-ui
If you are working on a project with NativeBase, we recommend using
@gluestack-ui/themed
NativeBase
3.4.x
Search
Search
⌘
K
Hire us
Light mode active 🚨
Do you really want to stay here? Really? Really? Pakka? Sure?
Are you a true developer?
No
Back to DarkMode
NativeBase
Introduction
Getting Started
Installation
Setup NativeBase Provider
Resources
Contribution
Core Concepts
Utility First
Utility Props Specificity
New
Design Tokens
Pseudo Props: Overview
New
Pseudo Props: Dos & Don'ts
New
Responsive
Features
Utility Props
New
Color mode (Dark Mode)
New
NativeBase Factory
SafeAreaView Props
Strict Mode
New
Accessibility
Theme
Default Theme
New
Customizing Theme
Customizing Fonts
Customizing Components
Making components dark mode compatible
Breakpoints
Using Theme
TypeScript
Layout
Box
Center
Container
Flex
HStack / Row
Stack
VStack / Column
ZStack
Forms
Button
Update
Pressable
Update
Checkbox
FormControl
IconButton
Input
Update
Link
Radio
Select
Update
Slider
Update
Switch
Update
TextArea
Data Display
Badge
Divider
Feedback
Alert
Progress
Spinner
Toast
Typography
Text
Heading
Overlay
AlertDialog
Menu
Modal
Popover
Tooltip
Disclosure
ActionSheet
Media and Icons
Avatar
Icon
Image
Update
Transition
PresenceTransition
Slide
Stagger
Others
Fab
Hidden
New
ReactNative Components
ScrollView
View
KeyboardAvoidingView
StatusBar
FlatList
SectionList
Hooks
useDisclose
useBreakpointValue
useClipboard
useMediaQuery
useTheme
useToken
useColorMode
useColorModeValue
useContrastText
useAccessibleColors
Examples
Todo-List
Kitchen Sink
Recipes
Designs
AppBar
Card
Drawer Navigation
Tab View
Swipe List
Forms
Form with Validation
Login/Signup Forms
SearchBar
Layout
App Drawer
Footer
Migration
Upgrading to v3
Upgrading to 3.2.0 from 3.x
Components Migration
ActionSheet
Badge
Button
Card
Checkbox
DatePicker
DeckSwiper
Drawer
FABs
FooterTab
Form
Header
Icon
Layout
Picker
Radio Button
Searchbar
Segment
Spinner
SwipeList
Tabs
Thumbnail
Toast
Typography
More
Changelog
Testing
FAQ's
More Props
If you are starting a new project, please try
gluestack-ui
for better performance and new design.
Changelog
V3.2.2
Fixes
Fix FormControlErrorMessage rendering
#4260
Fix shadow/opacity not working with Input
#4249
Fix dependency issues when installing with npm 7+
#4247
Fix Text variant typing
#4244
Fix textAlign property
#4218
Fix nested text styling
#4202
Fix TextArea alignment on Android
#4199
Fix SSRProvider warning
#4193
Avatar group flex direction error
6764613
Changes
Removed styled components and styled system dependencies
#4230
Added prop to control Scrollview in Modal.Body
#4215
Added tintColor prop for Image
#4204
For more details, visit
releases
.
V3.2.1
Features
TypeScript enhancement for custom theme tokens and variants
#4173
Fixes
Overlay press not closing ActionSheet
#4112
Background prop
#4115
Radio error message when not in Group
#4117
theme[\_base.themePropertyMap[property]]
is not a function error
#4118
Button loading style not working
#4128
Select component height prop not working
#4129
Spinner size prop typings
#4141
Replace Clipboard with @react-native-clipboard/clipboard
#4148
Typing fixes on Stack and Modal
#4161
Select items appear behind keyboard
#4163
For more details, visit
releases
.
V3.2.0
Minor Update
Changes
Design Revamp
Introduced strict mode -
https://docs.nativebase.io/strict-mode
Nested pseudo prop resolution -
https://docs.nativebase.io/pseudo-props-101
Updated theme tokens -
https://docs.nativebase.io/default-theme
Alert API changes -
https://docs.nativebase.io/alert
Fixes
Responsive SSR fixes
Improved typing
For more details, visit
releases
.
Previous
Typography
Next
Testing
Quick Nav
V3.2.2
Fixes
Changes
V3.2.1
Features
Fixes
V3.2.0
Minor Update
Changes
Fixes
MadeWithNativeBase
gluestack-ui