You'll find in this repository the code supporting my Blog post on React Native Styling solutions in 2020.
The following solutions have been tested:
- React Native's StyleSheet: The classic
Snack and Github links of the example.
- React Native Extended StyleSheet: Adding media-queries, variables, dynamic themes, relative units, percents, math operations, scaling and other styling stuff to React Native StyleSheet
Snack and Github links of the example.
- 💅 styled-components: Visual primitives for the component age
Snack and Github links of the example.
- 👩🎤 emotion: CSS-in-JS library designed for high performance style composition
Snack and Github links of the example.
- react-native-css: Style React-Native components with css and built in support for SASS.
Snack and Github links of the example.
- React Native Style Tachyons: http://tachyons.io/ for React Native
Snack and Github links of the example.
- 💄glamorous-native: Maintainable styling with React Native
Snack and Github links of the example.
- React Native Responsive: The power of Media Queries now in your React Native project
Snack and Github links of the example.
- cairn: Hierarchical shared and component-based style definitions with selector-based style application
Snack and Github links of the example.
- react-native-theme: A theme manager for your React Native project
Snack and Github links of the example.
- React Native CSS modules: Style React Native components using CSS, PostCSS, Sass, Less or Stylus
Snack and Github links of the example.
- rn-less: Style React Native with less
Snack and Github links of the example.
- Prism: Minimal, idiomatic style management for React Native
Snack and Github links of the example.
- react-native-paint: A themeable abstraction over React Native StyleSheet
Snack and Github links of the example.
- BinStorm: A React Native styling utility for rapidly building custom user interfaces
Snack and Github links of the example.
- styled-react-native: "For easy styling of react native components and its style composition"
Snack and Github links of the example.
- react-native-tailwindcss: A react-native styling system, based on TailwindCSS
Snack and Github links of the example.
Based on the great index provided by awesome-react-native.