# React native demo app

Customizable demo app with some commonly used components developed in [react-native-ui-kitten](https://github.com/akveo/react-native-ui-kitten/). Available in 3 editions you're able to switch between: Classic iOS, Blur and Material!

App made with :heart: by [Akveo team](http://akveo.com/). 

Follow us on [Facebook](https://www.facebook.com/akveo) or [Twitter](https://twitter.com/akveo_inc) to get latest news about this app first!

##Login screens

<img alt='login classic screen' src='https://camo.githubusercontent.com/6602274a1422f79c653c2ae2ae774d0622adcaec/68747470733a2f2f7468756d62732e6766796361742e636f6d2f496d706f7274616e7448617374794361742d73697a655f726573747269637465642e676966' width='240' height='428'/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img alt='login blur screen' src='https://camo.githubusercontent.com/4ad4456e3f392e6d8798c1e74f92b99f9561660f/68747470733a2f2f7468756d62732e6766796361742e636f6d2f50726573656e7446616d6f7573416d65726963616e6b65737472656c2d73697a655f726573747269637465642e676966' width='240' height='428'/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img alt='login material screen' src='https://camo.githubusercontent.com/46fa7e4244d262a078ae3d99f81a3151386d9d6a/68747470733a2f2f7468756d62732e6766796361742e636f6d2f54656d7074696e674c6f6e656c794879646174696474617065776f726d2d73697a655f726573747269637465642e676966' width='240' height='428' />

##Profile screens

<img alt='profile classic screen' src='https://camo.githubusercontent.com/ab4f734feefd35966de788a0ddda477079be2966/68747470733a2f2f7468756d62732e6766796361742e636f6d2f5261736844656e73654368696e6368696c6c612d73697a655f726573747269637465642e676966' width='240' height='428'/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img alt='profile blur screen' src='https://camo.githubusercontent.com/97367ab8cb65cc94186cbb1775490fef415c55f4/68747470733a2f2f7468756d62732e6766796361742e636f6d2f426f756e746966756c4e656174476c6f6265666973682d73697a655f726573747269637465642e676966' width='240' height='428'/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img alt='profile material screen' src='https://camo.githubusercontent.com/17f0d8eb88a2da36fb56951450b5fb0fc8f6a36d/68747470733a2f2f7468756d62732e6766796361742e636f6d2f41646f6c657363656e74416d626974696f7573466c69636b65727461696c737175697272656c2d73697a655f726573747269637465642e676966' width='240' height='428' />

##News screens

<img alt='news classic screen' src='https://camo.githubusercontent.com/9f4ee1d70e9c894a65bdd84e7a0f3414e6592b29/68747470733a2f2f7468756d62732e6766796361742e636f6d2f506c61696e74697665526963684963656c616e646963686f7273652d73697a655f726573747269637465642e676966' width='240' height='428'/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img alt='news blur screen' src='https://camo.githubusercontent.com/604a2ee6e9f8d124eafa2d64dea949dae81a6052/68747470733a2f2f7468756d62732e6766796361742e636f6d2f54656e73655069746966756c416d65726963616e63726179666973682d73697a655f726573747269637465642e676966' width='240' height='428'/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img alt='news material screen' src='https://camo.githubusercontent.com/8fe02f8d879e6182d9362bc77ac8294206ff5963/68747470733a2f2f7468756d62732e6766796361742e636f6d2f5468696e41646f7261626c65416d706869756d612d73697a655f726573747269637465642e676966' width='240' height='428' />

##Chat screens

<img alt='chat classic screen' src='https://camo.githubusercontent.com/ad302c70fc6668de75f27eb7031fbb9d7be08a46/68747470733a2f2f7468756d62732e6766796361742e636f6d2f4c617a79467269676964417263746963666f782d73697a655f726573747269637465642e676966' width='240' height='428'/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img alt='chat blur screen' src='https://camo.githubusercontent.com/d70d2fac4eaad4d88706c5e8ea22a25ffffe4b9d/68747470733a2f2f7468756d62732e6766796361742e636f6d2f5365766572616c54657272696669634172677573666973682d73697a655f726573747269637465642e676966' width='240' height='428'/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img alt='chat material screen' src='https://camo.githubusercontent.com/e26761153c89a450a67f332298b49972256a628c/68747470733a2f2f7468756d62732e6766796361742e636f6d2f41726964466169746866756c4a6176616c696e612d73697a655f726573747269637465642e676966' width='240' height='428' />

## Installation
1. git clone https://github.com/akveo/react-native-ui-kitten-demo-app/
2. npm install
4. react-native run-ios

## Build with
- [react-native-ui-kitten](https://github.com/akveo/react-native-ui-kitten)
- [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)
- [react-native-drawer](https://github.com/root-two/react-native-drawer)

## How can I support developers?
- Star our GitHub repo
- Create pull requests, submit bugs, suggest new features or documentation updates
- Like our page on [Facebook](https://www.facebook.com/akveo/)
- Follow us on [Twitter](https://twitter.com/akveo_inc)

## Can I hire you guys?
Yes! We are available for hire. Visit [our homepage](http://akveo.com/) or simply leave us a note to contact@akveo.com. We will be happy to work with you!

License
-------------
<a href=/LICENSE.txt target="_blank">MIT</a> license.

### From akveo

Enjoy!
We're always happy to hear your feedback.
