{"repo":"kristerkari/react-native-sass-transformer","free":true,"listed":false,"github":"https://github.com/kristerkari/react-native-sass-transformer","clone":"git clone https://github.com/kristerkari/react-native-sass-transformer.git","description":"Use Sass to style your React Native apps.","language":"JavaScript","stars":223,"topics":["react-native","sass","scss","loader","transform"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-native-sass-transformer Use Sass to style your React Native apps. Behind the scenes the Sass files are transformed to react native style objects (look at the examples). This transformer can be used together with React Native CSS modules. How does it work? Your App.scss file might look like this: When you import your stylesheet: Your imported styles will look like this: You can then use that style object with an element: Plain React Native: React Native CSS modules using className property: React Native CSS modules using styleName property: Please use the .scss file extension for SCSS syntax and the .sass file extension for indented Sass syntax. Installation and configuration Step 1: Install Step 2: Configure the react native packager For Expo SDK v41.0.0 or newer Merge the contents from your project's metro.config.js file with this config (create the file if it does not exist already). metro.config.js : --- For React Native v0.72.1 or newer Merge the contents from your project's metro.config.js file with this config (create the file if it does not exist already). metro.config.js : Platform specific extensions If you need React Native's platform specific extensions for your Sass files, you can use babel-plugin-react-native-platform-specific-extensions. Platform specific extensions for files imported using Sass' @import are supported by default. Sass options If you need to pass options (e.g. functions) to sass , you can do so by creating a transformer.js file and doing th","default_branch":null,"files":null,"tree":[],"storefront":"/r/kristerkari","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/kristerkari/react-native-sass-transformer/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}