Blog
Engineering
NativeBase X Moti
An experiment exploring how NativeBase and Moti work together to animate UI components, using NativeBase Factory and the useStyledSystemPropsResolver hook to animate padding on a button.
Custom Fonts with NativeBase
A complete guide to loading and applying custom fonts in NativeBase across React Native, Expo, and Next.js projects, including how to extend the theme's fontConfig and fonts objects.
Styling NativeBase theme based on color mode
A complete guide to building light and dark color modes in React Native apps with NativeBase, covering initial color mode, system color mode, the useColorMode and useColorModeValue hooks, _light and _dark pseudo props, toggling, and persistence.
NativeBase Vs Chakra UI: A comparison
A detailed comparison of NativeBase and Chakra UI, covering their similarities, differences, and guidance on when to choose each library for your project.
Customising components in NativeBase
A practical guide to customising NativeBase components, covering the four component theme properties (baseStyle, variants, sizes, defaultProps), the types of pseudo props, and how pseudo prop specificity works when styling a Button.
How to add animations to your NativeBase App
A tutorial on enhancing a NativeBase Todo app with React Native Reanimated, building three animations: a button rotation effect, a background color transition on task completion, and a swipe-to-remove gesture.
The only React and React Native Template you'll ever need
An introduction to NativeBase Startup+, a bundle of 100+ production-ready React and React Native screens that helps teams avoid rebuilding generic screens and ship web and mobile apps faster.
Using NativeBase v3 the Right Way
A practical introductory guide to getting the most out of NativeBase v3, covering project setup, utility props, single-source imports, pseudo props, hooks, and strict mode.