A utility-first styling library for React Native.
zstyle is a utility-first styling library for React Native largely inspired by Tailwindcss, a utility-first CSS framework for rapid UI development.
Install the package via npm:
npm install react-native-zstyle --save
Then copy the 'zstyle.js' file into the root folder of your React Native project:
cp ./node_modules/react-native-zstyle/src/zstyle.js .
zstyle comes with standard utilities out of the box with some of them being customisable such as colors, margins, paddings, etc...
The 'zstyle.js' file is the place to setup all your customs styling utilities that will be available in the Z components everywhere in your project.
Subscribe to React Native Example for Android and iOS
Get the latest posts delivered right to your inbox