How to Create a Custom Tab Bar in React Native
A tutorial on creating a custom, translucent bottom tab bar in React Native using the React Navigation library.
Aman Mittal is a documentation consultant at Expo and experienced technical writer, specializing in cross-platform mobile and web development, with over 150 programming articles published since 2017.
236 articles from this blog
A tutorial on creating a custom, translucent bottom tab bar in React Native using the React Navigation library.
Explains how to enable and use ES6 import syntax in Node.js projects, covering package.json configuration and Babel setup.
A tutorial on using Expo Camera to capture images and upload them to Cloudinary in a React Native application.
A tutorial on implementing geolocation in React Native apps using expo-location to fetch coordinates and convert them to a postal address.
A guide to improving React Native app performance with tips on image caching, optimization, and preventing unnecessary re-renders.
A tutorial on implementing shared element transitions between screens in React Native apps using react-navigation and react-native-shared-element.
A guide to removing the border and shadow from the bottom tab bar in React Navigation for React Native apps.
A tutorial on using redux-persist with AsyncStorage to persist Redux state in a React Native application, improving user experience.
A tutorial on generating and adding a custom app icon to a React Native Android application, covering asset creation and configuration.
A tutorial on building a custom scrollbar indicator using React Native's Animated API, covering ScrollView, FlatList, and UI customization.
A tutorial on managing global state in React applications using the useReducer hook and Context API, without external libraries.
A tutorial on using Formik and Yup to create and validate forms in React Native, including handling state, validation, and keyboard navigation.
A tutorial on integrating HarperDB Cloud with React using the useHarperDB hook for direct database queries from a client-side application.
A React Native tutorial on creating an animated header that responds to scroll position using the Animated library.
A guide on fixing Node.js memory allocation errors in Netlify builds by setting environment variables to increase the JavaScript heap limit.
A tutorial on building a REST API using Node.js, Express, and the HarperDB Cloud database service.
A tutorial on setting up a React application and integrating Firebase, including project initialization and obtaining API keys.
A tutorial exploring different methods to style React Native mobile applications using JavaScript and built-in components.
A step-by-step tutorial on integrating the Material UI library into a React application, covering installation, setup, and building a custom navigation bar.
Tutorial on creating a custom React Native hook to dynamically change status bar styles based on screen focus and background color.