@gluestack-ui/utils provides a collection of utility functions for seamless integration of gluestack-ui and nativewind.
tva (Tailwind Variant Authority)
The
tva
function serves as a wrapper around Tailwind Variant, extending its functionality.In addition to the default Tailwind variant, it introduces support for
parentVariant
and
parentCompoundVariant
.
VariantProps Utility
The
VariantProps
utility allows for easy extraction of variants from a component.
flush
This function facilitates server-side rendering (SSR) by flushing out any styles generated during the process. This ensures that these styles are properly added to the HTML document.
withStates
withStates
is a Higher Order Component (HOC) designed to incorporate state-based styling into gluestack-ui components on native devices.
withStyleContext
withStyleContext
is a HOC that creates a React context with a defined scope.
withStyleContextAndStates
This single HOC combines the functionality of both