React Native Head Tab View

screenshot of React Native Head Tab View
react-native

Add collapsible headers to your tab-view components.

Overview:

React Native Head Tab View v4.0.0-rc.13 has been released with significant changes aimed at improving performance by running all animations on the UI thread. This update requires React Native version 0.62.0 or higher due to the dependency on react-native-reanimated 2.0. Key changes include alterations in animation handling, removal of certain modes and properties, and enhanced support for various Tab components.

Features:

  • Fix for TAB slider stuttering when dragging headers
  • Optimized pull-down refresh for easier expansion and better performance
  • No re-rendering of scenes when switching tab bars
  • Ability to accept ReactElement in renderScrollHeader
  • New enableSnap prop for automatically switching between folded and expanded states
  • Support for extension of other Tabs components and shared collapsible headers

Summary:

React Native Head Tab View v4.0.0-rc.13 introduces performance improvements by running animations on the UI thread. It brings changes like removing unnecessary modes and properties, optimizing pull-down refresh, and supporting the extension of other Tabs components. Users should ensure compatibility with the required React Native version and dependencies for a smooth experience.

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.