Overview:

This product is called React Native Extended StyleSheet. It is a drop-in replacement for React Native StyleSheet that adds additional functionality such as media-queries, variables, dynamic themes, relative units, math operations, scaling, and other styling capabilities. It aims to make styling in React Native more flexible and powerful.

Features:

Global variables: Global variables can be passed to EStyleSheet.build() and are available in all stylesheets.
Local variables: Local variables can be defined directly in a stylesheet and have priority over global variables.
Theming: Changing app theme involves rebuilding app styles and re-rendering the component tree with new styles.
Media queries: Different styles can be applied based on screen size, platform, direction, and orientation.
Math operations: Values can contain mathematical operations such as multiplication, division, addition, and subtraction.
REM units: Similar to CSS3 rem units, it allows defining values relative to the root element.
Percentages: Values can be defined as percentages of the parent container.
Scaling: The app can be easily scaled depending on screen size and other conditions.

Summary:

React Native Extended StyleSheet is a powerful tool that enhances the capabilities of React Native StyleSheet. It provides features such as global and local variables, theming, media queries, math operations, REM units, percentages, and scaling. By using this library, developers can create more flexible and dynamic styles in their React Native applications.

Vitalets

Angular Xeditable

Bootstrap Editable

Clockface

React Native Extended Stylesheet

X Editable