{"repo":"shoutem/theme","free":true,"listed":false,"github":"https://github.com/shoutem/theme","clone":"git clone https://github.com/shoutem/theme.git","description":"Style your React Native components on one place","language":"JavaScript","stars":335,"topics":["shoutem-ui","react-native","react-native-style"],"license":null,"category":"mobile-apps","readme_excerpt":"Theme The React Native component's style is usually defined as a static variable along with the component itself. This makes it easy to build self contained components that always look and behave in the same way. On the other hand, it complicates building themeable (or skinnable) components that could have multiple styles that can be customized without touching the component source code. @shoutem/theme is built to address that problem. With themes, you can target specific components in your app and customize them through one file, just like you would do it with CSS on the web. Install Docs All the documentation is available on the Developer portal. Community Join our community on Facebook. Also, feel free to ask a question on Stack Overflow using \"shoutem\" tag. Examples Use Shoutem UI, set of components which are made to be customizable by Theme, to see how to work with it. Create new React Native project: Install @shoutem/ui and @shoutem/theme and link them in your project: Now, simply copy the following to the App.js file of your React Native project: Finally, run the app! Automated Testing Jest has been set up to provide the ability to test @shoutem/theme after any changes. To run tests, first add the following to dependencies in package.json : - \"react-native\": \"0.63.2\" - \"react\": \"16.13.1\" - \"react-dom\": \"16.13.1\" Or whichever version is relevant after your changes. Then run npm i && npm run test and see if you broke anything. UI Toolkit Shoutem UI is a part of the Shout","default_branch":null,"files":null,"tree":[],"storefront":"/r/shoutem","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/shoutem/theme/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."}