akveo / kittentricks Goto Github PK

React Native starter kit with over 40 screens and modern Light and Dark theme for creating stunning cross-platform mobile applications.

Home Page: https://akveo.github.io/react-native-ui-kitten/

License: MIT License

JavaScript 0.81% TypeScript 96.14% Starlark 0.10% Java 2.09% Objective-C 0.81% Ruby 0.05%

react-native starter-kit demo-app react-native-ui-kitten ios android ui

kittentricks's Introduction

Kitten Tricks

This perfect starter kit is an app based on React Native and UI Kitten library with Light and Dark themes support. It’s completely free and Open Source. Compose the application from available screens, add backend integration and you will end up with A-grade cross-platform mobile application. The themes can be changed in the runtime, without any need of reloading the application.

Download a live Demo published on both App Store and Google Play or simply run it yourself by cloning a GitHub repo.

Key features:

Built with TypeScript.
Dark and Light themes could be used simultaneously and changed on the fly.
40 ready-to-use stunning screens – for any domain: e-commerce, social, fitness, etc.
Huge variety of customizable layouts, use “as is” or add new blocks from the UI Kit.
Integration with Eva Design System allows you to create mobile application staying in brand style and get clean, consistency design

Documentation:

This template is using UI Kitten components, here you can find documentation and other useful articles.

UI Bakery

Need to quickly build an admin panel for your mobile app? Check out UI builder UI Bakery.

How can I support the developers?

Star our GitHub repo ⭐
Create pull requests, submit bugs, suggest new features or documentation updates 🔧
Read us on Medium
Follow us on Twitter 🐾
Like our page on Facebook 👍

License

MIT license.

From Developers

Made with ❤️ by Akveo team. Follow us on Twitter to get the latest news first! We're always happy to receive your feedback!

kittentricks's People

Contributors

Stargazers

Watchers

Forkers

mlguys bluebear171 harimau99 monkeymars rgazeredo febfeb apinrdw athiwatp webpest resreact qttoan-khtn fermion42 licong alpha0x00 mikenk2010 codingcoderscode jeeliu leequer alfan235 balddonkey nilopc-react-native vlad-ovsyannikov feezixora hhy5277 wyq09 muhammad-zahid-rasool zfaty mcspx esrefdurna reyboo mojbenzcar sinbadfreedom lyrl gxxgcn leoribeiro2 jackfiallos qinzhe repoarchiver rifal89 yu3ver degouville okusnadi nishp1 zhiphe matthewlilley parkerproject ahmedfawzy masharp vladsez devenlu natarajnattu istiak007 bradparks neb-b llenroc wilbyang equalll mfssangadji mostafanawara nemonaxid repoforks nadeemkhan syifandimulyanto ijazhussain786 pandaxbacon ashang hasantayyar vishalbasnet23 nachoalvarez r1q pengdeyou jwzhangjie duke-lv thomposer khadorkin samart00 faberpro gx2015 muhammadarslan danielrubango gailingmic pedluy korrio williamtran29 eshbeata cyqresig mygitzone padchara zhangrui49 ibrahimsassi zhiephieforks jeangui cfirmo33 b52src ldc00cl brieucdlf emersonlaurentino gregorybesson gnurub aaronchiang

kittentricks's Issues

Any plans to add redux support?

undefined is not an object(evaluating 'route.routeName')

I've cloned this repo, installed the modules and attempted to run react-native run-ios.

The app loads in the simulator, and after the splash screen, I get a crash. See image:

Has anyone else experienced this and got a work around?

i just run react-native run-ios , why i change some codes, i enter rr it not any changes?

osx 12
node 7

Avatars not found

I am trying to get this app running in an Android emulator on Windows 10. React-native packager reports these errors when navigating to a view that should display avatars, eg Chat. Any ideas on why the avatar images are not found? I know they are supposed to come from the Realm db and there are no errors populating the initial data.

attempting to change the getter of an unconfigurable property error,when ever i am trying to add any new screen.

No badge icon on notifications screen

There is no badge icon on notifications screen.

Are you planning adding support for typescript/flow?

Yup. In my opinion it's quite useful in larger projects

App crashes in react-navigation v2

Hello Guys, awesome library .
But it crashes in react-navigation v2
Could you please update this demo app ?
Thanks.

error when navigating

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.

Check the render method of `PasswordRecovery`.
instantiateReactComponent
    ReactNativeStack-dev.js:1960:75
instantiateChild
    ReactNativeStack-dev.js:2702:86
<unknown>
    ReactNativeStack-dev.js:2710:36
traverseStackChildrenImpl
    ReactNativeStack-dev.js:2669:215
traverseStackChildrenImpl
    ReactNativeStack-dev.js:2673:101
traverseStackChildren
    ReactNativeStack-dev.js:2691:60
instantiateChildren
    ReactNativeStack-dev.js:2709:39
_reconcilerInstantiateChildren
    ReactNativeStack-dev.js:2843:121
mountChildren
    ReactNativeStack-dev.js:2865:59
initializeChildren
    ReactNativeStack-dev.js:2940:45
mountComponent
    ReactNativeStack-dev.js:2969:84
mountComponent
    ReactNativeStack-dev.js:1327:53
performInitialMount
    ReactNativeStack-dev.js:1703:54
mountComponent
    ReactNativeStack-dev.js:1655:184
mountComponent
    ReactNativeStack-dev.js:1327:53
performInitialMount
    ReactNativeStack-dev.js:1703:54
mountComponent
    ReactNativeStack-dev.js:1655:184
mountComponent
    ReactNativeStack-dev.js:1327:53
performInitialMount
    ReactNativeStack-dev.js:1703:54
mountComponent
    ReactNativeStack-dev.js:1655:184
mountComponent
    ReactNativeStack-dev.js:1327:53
performInitialMount
    ReactNativeStack-dev.js:1703:54
mountComponent
    ReactNativeStack-dev.js:1655:184
mountComponent
    ReactNativeStack-dev.js:1327:53
mountChildren
    ReactNativeStack-dev.js:2871:62
initializeChildren
    ReactNativeStack-dev.js:2940:45
mountComponent
    ReactNativeStack-dev.js:2969:84
mountComponent
    ReactNativeStack-dev.js:1327:53
performInitialMount
    ReactNativeStack-dev.js:1703:54
mountComponent
    ReactNativeStack-dev.js:1655:184
mountComponent
    ReactNativeStack-dev.js:1327:53
mountChildren
    ReactNativeStack-dev.js:2871:62
initializeChildren
    ReactNativeStack-dev.js:2940:45
mountComponent
    ReactNativeStack-dev.js:2969:84
mountComponent
    ReactNativeStack-dev.js:1327:53
performInitialMount
    ReactNativeStack-dev.js:1703:54
mountComponent
    ReactNativeStack-dev.js:1655:184
mountComponent
    ReactNativeStack-dev.js:1327:53
mountChildren
    ReactNativeStack-dev.js:2871:62
initializeChildren
    ReactNativeStack-dev.js:2940:45
mountComponent
    ReactNativeStack-dev.js:2969:84
mountComponent
    ReactNativeStack-dev.js:1327:53
performInitialMount
    ReactNativeStack-dev.js:1703:54
mountComponent
    ReactNativeStack-dev.js:1655:184
mountComponent
    ReactNativeStack-dev.js:1327:53
performInitialMount
    ReactNativeStack-dev.js:1703:54
mountComponent
    ReactNativeStack-dev.js:1655:184
mountComponent
    ReactNativeStack-dev.js:1327:53
performInitialMount
    ReactNativeStack-dev.js:1703:54
mountComponent
    ReactNativeStack-dev.js:1655:184
mountComponent
    ReactNativeStack-dev.js:1327:53
performInitialMount
    ReactNativeStack-dev.js:1703:54
mountComponent
    ReactNativeStack-dev.js:1655:184
mountComponent
    ReactNativeStack-dev.js:1327:53
updateChildren
    ReactNativeStack-dev.js:2723:79
_reconcilerUpdateChildren
    ReactNativeStack-dev.js:2857:57
_updateChildren
    ReactNativeStack-dev.js:2892:134
updateChildren
    ReactNativeStack-dev.js:2889:29
receiveComponent
    ReactNativeStack-dev.js:2955:28
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
updateChildren
    ReactNativeStack-dev.js:2719:132
_reconcilerUpdateChildren
    ReactNativeStack-dev.js:2857:57
_updateChildren
    ReactNativeStack-dev.js:2892:134
updateChildren
    ReactNativeStack-dev.js:2889:29
receiveComponent
    ReactNativeStack-dev.js:2955:28
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
updateChildren
    ReactNativeStack-dev.js:2719:132
_reconcilerUpdateChildren
    ReactNativeStack-dev.js:2857:57
_updateChildren
    ReactNativeStack-dev.js:2892:134
updateChildren
    ReactNativeStack-dev.js:2889:29
receiveComponent
    ReactNativeStack-dev.js:2955:28
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
updateChildren
    ReactNativeStack-dev.js:2719:132
_reconcilerUpdateChildren
    ReactNativeStack-dev.js:2857:57
_updateChildren
    ReactNativeStack-dev.js:2892:134
updateChildren
    ReactNativeStack-dev.js:2889:29
receiveComponent
    ReactNativeStack-dev.js:2955:28
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
updateChildren
    ReactNativeStack-dev.js:2719:132
_reconcilerUpdateChildren
    ReactNativeStack-dev.js:2857:57
_updateChildren
    ReactNativeStack-dev.js:2892:134
updateChildren
    ReactNativeStack-dev.js:2889:29
receiveComponent
    ReactNativeStack-dev.js:2955:28
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
updateChildren
    ReactNativeStack-dev.js:2719:132
_reconcilerUpdateChildren
    ReactNativeStack-dev.js:2857:57
_updateChildren
    ReactNativeStack-dev.js:2892:134
updateChildren
    ReactNativeStack-dev.js:2889:29
receiveComponent
    ReactNativeStack-dev.js:2955:28
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
updateChildren
    ReactNativeStack-dev.js:2719:132
_reconcilerUpdateChildren
    ReactNativeStack-dev.js:2857:57
_updateChildren
    ReactNativeStack-dev.js:2892:134
updateChildren
    ReactNativeStack-dev.js:2889:29
receiveComponent
    ReactNativeStack-dev.js:2955:28
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
updateChildren
    ReactNativeStack-dev.js:2719:132
_reconcilerUpdateChildren
    ReactNativeStack-dev.js:2857:57
_updateChildren
    ReactNativeStack-dev.js:2892:134
updateChildren
    ReactNativeStack-dev.js:2889:29
receiveComponent
    ReactNativeStack-dev.js:2955:28
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
updateChildren
    ReactNativeStack-dev.js:2719:132
_reconcilerUpdateChildren
    ReactNativeStack-dev.js:2857:57
_updateChildren
    ReactNativeStack-dev.js:2892:134
updateChildren
    ReactNativeStack-dev.js:2889:29
receiveComponent
    ReactNativeStack-dev.js:2955:28
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
receiveComponent
    ReactNativeStack-dev.js:1769:58
receiveComponent
    ReactNativeStack-dev.js:1345:115
_updateRenderedComponentWithNextElement
    ReactNativeStack-dev.js:1844:144
_updateRenderedComponent
    ReactNativeStack-dev.js:1840:53
_performComponentUpdate
    ReactNativeStack-dev.js:1823:221
updateComponent
    ReactNativeStack-dev.js:1804:116
performUpdateIfNecessary
    ReactNativeStack-dev.js:1772:226
performUpdateIfNecessary
    ReactNativeStack-dev.js:1353:50
runBatchedUpdates
    ReactNativeStack-dev.js:1469:51
perform
    ReactNativeStack-dev.js:1382:99
perform
    ReactNativeStack-dev.js:1382:99
perform
    ReactNativeStack-dev.js:1451:40
flushBatchedUpdates
    ReactNativeStack-dev.js:1476:28
closeAll
    ReactNativeStack-dev.js:1412:101
perform
    ReactNativeStack-dev.js:1388:52
batchedUpdates
    ReactNativeStack-dev.js:2077:139
batchedUpdates$1
    ReactNativeStack-dev.js:1456:61
batchedUpdates
    ReactNativeStack-dev.js:699:31
batchedUpdatesWithControlledComponents
    ReactNativeStack-dev.js:708:30
_receiveRootNodeIDEvent
    ReactNativeStack-dev.js:748:46
receiveTouches
    ReactNativeStack-dev.js:762:60
__callFunction
    MessageQueue.js:306:47
<unknown>
    MessageQueue.js:108:26
__guard
    MessageQueue.js:269:6
callFunctionReturnFlushedQueue
    MessageQueue.js:107:17

rtl support

Do you plan to support RTL layout for RTL languages like Arabic and Persian ?

Build Issue

when click the auth and click Login V1 there is a this error..

Warning: Failed prop type: Invalid props.style key fontSize supplied to View.
Bad object: {
"flexDirection": "row",
"borderBottomWidth": 1,
"borderBottomColor": "#0000003B",
"marginVertical": 9,
"backgroundColor": "#ffffff",
"borderRadius": 100,
"borderWidth": 1,
"borderColor": "#0000003B",
"fontSize": 16.07142857142857,
"opacity": 1
}
Valid keys: [
"display",
"width",
"height",
"start",
"end",
"top",
"left",
"right",
"bottom",
"minWidth",
"maxWidth",
"minHeight",
"maxHeight",
"margin",
"marginVertical",
"marginHorizontal",
"marginTop",
"marginBottom",
"marginLeft",
"marginRight",
"marginStart",
"marginEnd",
"padding",
"paddingVertical",
"paddingHorizontal",
"paddingTop",
"paddingBottom",
"paddingLeft",
"paddingRight",
"paddingStart",
"paddingEnd",
"borderWidth",
"borderTopWidth",
"borderStartWidth",
"borderEndWidth",
"borderRightWidth",
"borderBottomWidth",
"borderLeftWidth",
"position",
"flexDirection",
"flexWrap",
"justifyContent",
"alignItems",
"alignSelf",
"alignContent",
"overflow",
"flex",
"flexGrow",
"flexShrink",
"flexBasis",
"aspectRatio",
"zIndex",
"direction",
"shadowColor",
"shadowOffset",
"shadowOpacity",
"shadowRadius",
"transform",
"transformMatrix",
"decomposedMatrix",
"scaleX",
"scaleY",
"rotation",
"translateX",
"translateY",
"backfaceVisibility",
"backgroundColor",
"borderColor",
"borderTopColor",
"borderRightColor",
"borderBottomColor",
"borderLeftColor",
"borderStartColor",
"borderEndColor",
"borderRadius",
"borderTopLeftRadius",
"borderTopRightRadius",
"borderTopStartRadius",
"borderTopEndRadius",
"borderBottomLeftRadius",
"borderBottomRightRadius",
"borderBottomStartRadius",
"borderBottomEndRadius",
"borderStyle",
"opacity",
"elevation"
]
in View (at createAnimatedComponent.js:134)
in AnimatedComponent (at TouchableOpacity.js:245)
in TouchableOpacity (at rkTextInput.js:184)
in RkTextInput (at login1.js:64)
in RCTView (at View.js:112)
in View (at login1.js:52)
in RCTView (at View.js:112)
in View (at createAnimatedComponent.js:134)
in AnimatedComponent (at rkAvoidKeyboard.js:77)
in RkAvoidKeyboard (at login1.js:47)
in LoginV1 (at rkThemeProvider.js:41)
in ThemeProvider (at SceneView.js:31)
in SceneView (at CardStack.js:412)
in RCTView (at View.js:112)
in View (at CardStack.js:411)
in RCTView (at View.js:112)
in View (at CardStack.js:410)
in RCTView (at View.js:112)
in View (at createAnimatedComponent.js:134)
in AnimatedComponent (at Card.js:26)
in Card (at PointerEventsContainer.js:55)
in Container (at CardStack.js:454)
in RCTView (at View.js:112)
in View (at CardStack.js:383)
in RCTView (at View.js:112)
in View (at CardStack.js:382)
in CardStack (at CardStackTransitioner.js:97)
in RCTView (at View.js:112)
in View (at Transitioner.js:192)
in Transitioner (at CardStackTransitioner.js:49)
in CardStackTransitioner (at StackNavigator.js:60)
in Unknown (at createNavigator.js:52)
in Navigator (at createNavigationContainer.js:212)
in NavigationContainer (at SceneView.js:31)
in SceneView (at DrawerScreen.js:40)
in DrawerScreen (at withCachedChildNavigation.js:66)
in withCachedChildNavigation(DrawerScreen) (at DrawerNavigator.js:106)
in Unknown (at createNavigator.js:52)
in Navigator (at DrawerView.js:215)
in RCTView (at View.js:112)
in View (at createAnimatedComponent.js:134)
in AnimatedComponent (created by DrawerLayout)
in RCTView (at View.js:112)
in View (created by DrawerLayout)
in DrawerLayout (at DrawerView.js:195)
in DrawerView (at DrawerNavigator.js:127)
in Unknown (at createNavigator.js:52)
in Navigator (at createNavigationContainer.js:212)
in NavigationContainer (at SceneView.js:31)
in SceneView (at CardStack.js:423)
in RCTView (at View.js:112)
in View (at createAnimatedComponent.js:134)
in AnimatedComponent (at Card.js:26)
in Card (at PointerEventsContainer.js:55)
in Container (at CardStack.js:454)
in RCTView (at View.js:112)
in View (at CardStack.js:383)
in RCTView (at View.js:112)
in View (at CardStack.js:382)
in CardStack (at CardStackTransitioner.js:97)
in RCTView (at View.js:112)
in View (at Transitioner.js:192)
in Transitioner (at CardStackTransitioner.js:49)
in CardStackTransitioner (at StackNavigator.js:60)
in Unknown (at createNavigator.js:52)
in Navigator (at createNavigationContainer.js:212)
in NavigationContainer (at app.js:86)
in RCTView (at View.js:112)
in View (at app.js:85)
in App (at registerRootComponent.js:35)
in RootErrorBoundary (at registerRootComponent.js:34)
in ExpoRootComponent (at renderApplication.js:35)
in RCTView (at View.js:112)
in View (at AppContainer.js:102)
in RCTView (at View.js:112)
in View (at AppContainer.js:122)
in AppContainer (at renderApplication.js:34)

node_modules/fbjs/lib/warning.js:33:20 in printWarning
... 19 more stack frames from framework internals

Hidden input on iPhone 5S

Warning: Failed prop type: Invalid props.style key `fontSize` supplied to `View`

bug report
feature request

Issue description

After:

react-native run-android

If I'm going to Auth section and select any item I obtain this warning:

13:10:25: Warning: Failed prop type: Invalid props.style key `fontSize` supplied to `View`.
Bad object: {
  "flexDirection": "row",
  "borderBottomWidth": 1,
  "borderBottomColor": "#0000003B",
  "marginVertical": 9,
  "backgroundColor": "#ffffff",
  "borderRadius": 100,
  "borderWidth": 1,
  "borderColor": "#0000003B",
  "fontSize": 17.63265306122449,
  "opacity": 1
}
Valid keys: [
  "display",
  "width",
  "height",
  "start",
  "end",
  "top",
  "left",
  "right",
  "bottom",
  "minWidth",
  "maxWidth",
  "minHeight",
  "maxHeight",
  "margin",
  "marginVertical",
  "marginHorizontal",
  "marginTop",
  "marginBottom",
  "marginLeft",
  "marginRight",
  "marginStart",
  "marginEnd",
  "padding",
  "paddingVertical",
  "paddingHorizontal",
  "paddingTop",
  "paddingBottom",
  "paddingLeft",
  "paddingRight",
  "paddingStart",
  "paddingEnd",
  "borderWidth",
  "borderTopWidth",
  "borderStartWidth",
  "borderEndWidth",
  "borderRightWidth",
  "borderBottomWidth",
  "borderLeftWidth",
  "position",
  "flexDirection",
  "flexWrap",
  "justifyContent",
  "alignItems",
  "alignSelf",
  "alignContent",
  "overflow",
  "flex",
  "flexGrow",
  "flexShrink",
  "flexBasis",
  "aspectRatio",
  "zIndex",
  "direction",
  "shadowColor",
  "shadowOffset",
  "shadowOpacity",
  "shadowRadius",
  "transform",
  "transformMatrix",
  "decomposedMatrix",
  "scaleX",
  "scaleY",
  "rotation",
  "translateX",
  "translateY",
  "backfaceVisibility",
  "backgroundColor",
  "borderColor",
  "borderTopColor",
  "borderRightColor",
  "borderBottomColor",
  "borderLeftColor",
  "borderStartColor",
  "borderEndColor",
  "borderRadius",
  "borderTopLeftRadius",
  "borderTopRightRadius",
  "borderTopStartRadius",
  "borderTopEndRadius",
  "borderBottomLeftRadius",
  "borderBottomRightRadius",
  "borderBottomStartRadius",
  "borderBottomEndRadius",
  "borderStyle",
  "opacity",
  "elevation"
]
    in View (at createAnimatedComponent.js:134)
    in AnimatedComponent (at TouchableOpacity.js:245)
    in TouchableOpacity (at rkTextInput.js:184)
    in RkTextInput (at login1.js:64)
    in RCTView (at View.js:112)
    in View (at login1.js:52)
...

Other information:

**OS, device, application version **

Android.

Type error ,i am not able to run this example please help me what i need to do, i added all the dependencies

Time sent numbers being clipped on iPhone 5S

see the word am in the image below. Hard to tell because there is no border to the image but very noticeable on the screen.

Double touch - Navigation should be blocking

kudos! this is a great project.

since screen rendering times may take more than a few milliseconds its tempting to touch twice,
which resolves in a double opening of the screen (see gif attached).

Build Fails with message- Failed to notify project evaluation listener

I cloned the app to my local system. Ran Yarn Install successfully. But when I try to deply it to my device, Its throwing error A problem occurred starting process 'command 'security'

unable to build app on windows for android

Hi When i try to run the app on windows 10 for android I receive following error.

Failed to notify ProjectEvaluationListener.afterEvaluate(), but primary configuration failure takes precedence.
java.lang.IllegalStateException: buildToolsVersion is not specified.
        at com.google.common.base.Preconditions.checkState(Preconditions.java:173)
        at com.android.build.gradle.BasePlugin.createAndroidTasks(BasePlugin.java:645)
        at com.android.build.gradle.BasePlugin$10.call(BasePlugin.java:608)
        at com.android.build.gradle.BasePlugin$10.call(BasePlugin.java:605)
        at com.android.builder.profile.ThreadRecorder.record(ThreadRecorder.java:156)
        at com.android.builder.profile.ThreadRecorder.record(ThreadRecorder.java:120)
        at com.android.build.gradle.BasePlugin.lambda$createTasks$1(BasePlugin.java:603)
        at com.android.build.gradle.BasePlugin$$Lambda$22/1738345448.execute(Unknown Source)
        at org.gradle.internal.event.BroadcastDispatch$ActionInvocationHandler.dispatch(BroadcastDispatch.java:93)
        at org.gradle.internal.event.BroadcastDispatch$ActionInvocationHandler.dispatch(BroadcastDispatch.java:82)
        at org.gradle.internal.event.AbstractBroadcastDispatch.dispatch(AbstractBroadcastDispatch.java:44)
        at org.gradle.internal.event.BroadcastDispatch.dispatch(BroadcastDispatch.java:79)
        at org.gradle.internal.event.BroadcastDispatch.dispatch(BroadcastDispatch.java:30)
        at org.gradle.internal.dispatch.ProxyDispatchAdapter$DispatchingInvocationHandler.invoke(ProxyDispatchAdapter.java:93)
        at com.sun.proxy.$Proxy12.afterEvaluate(Unknown Source)
        at org.gradle.configuration.project.LifecycleProjectEvaluator.notifyAfterEvaluate(LifecycleProjectEvaluator.java:67)
        at org.gradle.configuration.project.LifecycleProjectEvaluator.evaluate(LifecycleProjectEvaluator.java:61)
        at org.gradle.api.internal.project.AbstractProject.evaluate(AbstractProject.java:540)
        at org.gradle.api.internal.project.AbstractProject.evaluate(AbstractProject.java:93)
        at org.gradle.execution.TaskPathProjectEvaluator.configureHierarchy(TaskPathProjectEvaluator.java:47)
        at org.gradle.configuration.DefaultBuildConfigurer.configure(DefaultBuildConfigurer.java:35)
        at org.gradle.initialization.DefaultGradleLauncher$2.run(DefaultGradleLauncher.java:124)
        at org.gradle.internal.Factories$1.create(Factories.java:22)
        at org.gradle.internal.progress.DefaultBuildOperationExecutor.run(DefaultBuildOperationExecutor.java:91)
        at org.gradle.internal.progress.DefaultBuildOperationExecutor.run(DefaultBuildOperationExecutor.java:53)
        at org.gradle.initialization.DefaultGradleLauncher.doBuildStages(DefaultGradleLauncher.java:121)
        at org.gradle.initialization.DefaultGradleLauncher.access$200(DefaultGradleLauncher.java:32)
        at org.gradle.initialization.DefaultGradleLauncher$1.create(DefaultGradleLauncher.java:98)
        at org.gradle.initialization.DefaultGradleLauncher$1.create(DefaultGradleLauncher.java:92)
        at org.gradle.internal.progress.DefaultBuildOperationExecutor.run(DefaultBuildOperationExecutor.java:91)
        at org.gradle.internal.progress.DefaultBuildOperationExecutor.run(DefaultBuildOperationExecutor.java:63)
        at org.gradle.initialization.DefaultGradleLauncher.doBuild(DefaultGradleLauncher.java:92)
        at org.gradle.initialization.DefaultGradleLauncher.run(DefaultGradleLauncher.java:83)
        at org.gradle.launcher.exec.InProcessBuildActionExecuter$DefaultBuildController.run(InProcessBuildActionExecuter.java:99)
        at org.gradle.tooling.internal.provider.ExecuteBuildActionRunner.run(ExecuteBuildActionRunner.java:28)
        at org.gradle.launcher.exec.ChainingBuildActionRunner.run(ChainingBuildActionRunner.java:35)
        at org.gradle.launcher.exec.InProcessBuildActionExecuter.execute(InProcessBuildActionExecuter.java:48)
        at org.gradle.launcher.exec.InProcessBuildActionExecuter.execute(InProcessBuildActionExecuter.java:30)
        at org.gradle.launcher.exec.ContinuousBuildActionExecuter.execute(ContinuousBuildActionExecuter.java:81)
        at org.gradle.launcher.exec.ContinuousBuildActionExecuter.execute(ContinuousBuildActionExecuter.java:46)
        at org.gradle.launcher.exec.DaemonUsageSuggestingBuildActionExecuter.execute(DaemonUsageSuggestingBuildActionExecuter.java:51)
        at org.gradle.launcher.exec.DaemonUsageSuggestingBuildActionExecuter.execute(DaemonUsageSuggestingBuildActionExecuter.java:28)
        at org.gradle.launcher.cli.RunBuildAction.run(RunBuildAction.java:43)
        at org.gradle.internal.Actions$RunnableActionAdapter.execute(Actions.java:173)
        at org.gradle.launcher.cli.CommandLineActionFactory$ParseAndBuildAction.execute(CommandLineActionFactory.java:239)
        at org.gradle.launcher.cli.CommandLineActionFactory$ParseAndBuildAction.execute(CommandLineActionFactory.java:212)
        at org.gradle.launcher.cli.JavaRuntimeValidationAction.execute(JavaRuntimeValidationAction.java:35)
        at org.gradle.launcher.cli.JavaRuntimeValidationAction.execute(JavaRuntimeValidationAction.java:24)
        at org.gradle.launcher.cli.ExceptionReportingAction.execute(ExceptionReportingAction.java:33)
        at org.gradle.launcher.cli.ExceptionReportingAction.execute(ExceptionReportingAction.java:22)
        at org.gradle.launcher.cli.CommandLineActionFactory$WithLogging.execute(CommandLineActionFactory.java:205)
        at org.gradle.launcher.cli.CommandLineActionFactory$WithLogging.execute(CommandLineActionFactory.java:169)
        at org.gradle.launcher.Main.doAction(Main.java:33)
        at org.gradle.launcher.bootstrap.EntryPoint.run(EntryPoint.java:45)
        at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
        at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
        at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
        at java.lang.reflect.Method.invoke(Method.java:497)
        at org.gradle.launcher.bootstrap.ProcessBootstrap.runNoExit(ProcessBootstrap.java:55)
        at org.gradle.launcher.bootstrap.ProcessBootstrap.run(ProcessBootstrap.java:36)
        at org.gradle.launcher.GradleMain.main(GradleMain.java:23)
        at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
        at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
        at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
        at java.lang.reflect.Method.invoke(Method.java:497)
        at org.gradle.wrapper.BootstrapMainStarter.start(BootstrapMainStarter.java:30)
        at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:127)
        at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:61)

FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred evaluating project ':app'.
> A problem occurred starting process 'command 'security''

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 7.343 secs
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html

How can I use the walkthrough example in my own app?

Hello and thank you for this amazing kitten tricks.
I am working on a new react-native app and would like to implement a similar walkthrough screen as the one you have on the demo app. However, I cannot see any explanation about how to use it even in the Documentation (https://akveo.github.io/react-native-ui-kitten/#/docs/quick-start/getting-started). I installed the package with the npm command but I still didn't manage to get a working walkthrough example. Am I missing something?
I would be grateful for any help.
Thank you.

Dashboard shows red screen

Every other screen works fine, except the dashboard. It's a fresh install, I ran "yarn install" then "react-native run-ios".

emoji is cutted on top on chat screen

As we can see, the emoji is cutted on top, I think it's because emojis change the line height

When clicking on a chat--always scroll animates down

Why is this? The view should start at the last message.

SetInterval created but never cleared!

Development trouble

I'm submitting a ... (check one with "x")

[ X ] bug report
feature request

Issue description

Current behavior:

If i change the way to use SplashScreen, i got a warning (but it is crticical).

In SplashScreen.js, you call a setInternval() on 'DidMount' component event. But the execution is never stoped. In this case, we need do stop that when component will unmount.

Expected behavior:
You need to call clearInterval() method, parsing the return of setInterval() method (this.timer).
font.

You can to this with this instruction:

componentWillUnmount() {
    if(this.timer){
      clearInterval(this.timer);
    }
  }

Steps to reproduce:

Related code:

import React from 'react';
import {
  StyleSheet,
  Image,
  View,
  Dimensions,
  StatusBar
} from 'react-native';
import {
  RkText,
  RkTheme
} from 'react-native-ui-kitten'
import {ProgressBar} from '../../components';
import {
  KittenTheme
} from '../../config/theme';
import {NavigationActions} from 'react-navigation';
import {scale, scaleModerate, scaleVertical} from '../../utils/scale';

let timeFrame = 500;

export class SplashScreen extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      progress: 0
    }
  }

  componentDidMount() {
    StatusBar.setHidden(true, 'none');
    RkTheme.setTheme(KittenTheme);

    this.timer = setInterval(() => {
      if (this.state.progress == 1) {
        clearInterval(this.timer);
        setTimeout(() => {
          StatusBar.setHidden(false, 'slide');
          let toHome = NavigationActions.reset({
            index: 0,
            actions: [NavigationActions.navigate({routeName: 'Home'})]
          });
          this.props.navigation.dispatch(toHome)
        }, timeFrame);
      } else {
        let random = Math.random() * 0.5;
        let progress = this.state.progress + random;
        if (progress > 1) {
          progress = 1;
        }
        this.setState({progress});
      }
    }, timeFrame)

  }

  componentWillUnmount() {
    if(this.timer){
      clearInterval(this.timer);
    }
  }

  render() {
    let width = Dimensions.get('window').width;
    return (
      <View style={styles.container}>
        <View>
          <Image style={[styles.image, {width}]} source={require('../../assets/images/splashBack.png')}/>
          <View style={styles.text}>
            <RkText rkType='light' style={styles.hero}>React Native</RkText>
            <RkText rkType='logo' style={styles.appName}>UI Kitten</RkText>
          </View>
        </View>
        <ProgressBar
          color={RkTheme.current.colors.accent}
          style={styles.progress}
          progress={this.state.progress} width={scale(320)}/>
      </View>
    )
  }
}

let styles = StyleSheet.create({
  container: {
    backgroundColor: KittenTheme.colors.screen.base,
    justifyContent: 'space-between',
    flex: 1
  },
  image: {
    resizeMode: 'cover',
    height: scaleVertical(430),
  },
  text: {
    alignItems: 'center'
  },
  hero: {
    fontSize: 37,
  },
  appName: {
    fontSize: 62,
  },
  progress: {
    alignSelf: 'center',
    marginBottom: 35,
    backgroundColor: '#e5e5e5'
  }
});

Best way to rename the project?

Hi I am using kittenTricks as a starter kit for my new project.

I just wonder do you have a recommended way to rename the project? I have tried the "react-native-rename" npm but not all files are renamed. Of course I can try to rename them manually but I just don't want to miss anything or mess anything up.

Thanks.

Please add expo support

RkSwitch's onValueChange is not working... :(

<RkSwitch
style={styles.switch}
value={this.state.inWardrobe}
name="Push"
onValueChange={(inWardrobe) => {console.log('helloworld')}}/>

This can't print helloworld.

But when I click the switch, the value seems changing automatically. (I didn't do setState here)

How to pass custom parameters to Screen by routes?

Just saw this demo, want to know how to pass custom parameters to Screen View by routes(so we can change view with remote data)?

Calling a function in RkModalImg

Is there any way to call a custom function from RkModalImg footer ?

Not working after ejecting from expo to native

I need this project as react native init app structure, so i ejecting using npm run eject, after that its not working. Please make this native project of kittenTricks.

Can I use it with expo ?

Can I ask how does String.fromCharCode(61444) work to render FontAwesome Heart Icon?

I've asked to the StackOverFlow and googled it but nobody understand how it works.

https://github.com/akveo/kittenTricks/blob/master/app/assets/icons.js
Here is my actual question: https://stackoverflow.com/questions/46733687/how-to-use-string-fromcharcode-to-call-fontawesome-font-in-react

Upgrading to expo v25

Hi team, thanks for this awesome framework! Any plans to upgrade to expo v25 anytime soon?

how to remove Expo

Expo is extremely slow.

Not working in Expo 18

Used to work with Expo 17. Tried a boilerplate app, either I get a blank page or a "Could not connect to server"

Chat input box is hiding behind the keyboard layout

In Android, chat input box gets hiding a little behind the keyboard layout. By the way, the framework is really awesome.
Is there any plan to add more components? Pls, provide some contribution pages to keep this framework alive for long.

[Article List] Master/Detail view broken on Android

Articles don't expand to detail view on Android, it works correctly on iOS though.

Custom Menu but loading other routes

Hello,

How to create a system where I have a series of routes loaded in my App, and then I want a separate list of routes which are in the sideMenu?

I tried splitting the routes into the two exports, and rather than doing a clone of mainRoutes into Menu, I had fewer routes in the menuRoutes so I could pare it back.

It's just not very clear how to avoid the scenario of routes only working when they are in the Menu system... or should I rip out the menu system and build another from scratch? (Which seems a waste as I want to use DrawerNavigator).

Can't Change Icon

https://github.com/akveo/kittenTricks/blob/master/app/assets/icons.js

Demo: Side Menu -> Walkthrough -> [Get Started] = no function

where:

Demo iPhone "Kitten Tricks"
open Side Menu
select Walkthrough
tap on button "Get Startet"

what i see:

it does nothing

what i expect:

close modal window

Note

this error is only if come from "Side Menu" (via the hamburger icon or via navigation / side menu )

Android Back Button is not working

I am using kittenTricks but I am facing one issue. In my app BackHandler is not working. It is working with Debug Js Remotely only but not in production and development mode. But in your kitten tricks app without BackHandler it is managing the android back button press. So can you please help me out in this.
I tried this but it works in Debug Js mode.

componentDidMount() {
    BackHandler.addEventListener('hardwareBackPress', this.onBackPress.bind(this));
}

componentWillUnmount() {
    BackHandler.removeEventListener('hardwareBackPress', this.onBackPress.bind(this));
}

onBackPress = () => {
    if (this.props.navigation.state.routeName === 'GridV1') {
        BackHandler.exitApp();
        return true;
    } else {
        return false;
    }
};

So anything other than this if you're using then @akveo-bot @akveo-private please solve my problem it's quite urgent.

npm install throw error

I download the project and run 'npm install' I get an error

Hide RkTabView while keyboard is active

Issue type

I'm submitting both of them.

bug report
feature request

Issue description

Current behavior:
I'm not able to let the bottom tab navigation bar "sticked" in the bottom of the component, while my keyboard is open. It goes up with the keyboard.

Expected behavior:
Let the RkTabView fixed in bottom of the component.

Steps to reproduce:
Create a new component, place some TextInputs, define the tabsUnderContent={true} inside RkTabView component, then launch the keyboard.

Result:

The tab navigator goes up with the keyboard.

Related code:

Home.js

renderTab(isSelected, title, icon) {
    let color = !isSelected ? "#195FB1" : "white";

    return (
      <View
        style={{
          flex: 1,
          flexDirection: "column",
          alignItems: "center",
          justifyContent: "center"
        }}
      >
        <Icon
          name={icon}
          style={{
            color,
            fontSize: 26,
            alignContent: "center"
          }}
        />
      </View>
    );
  }

  render() {
    return (
      <View style={{ flex: 1 }}>
        <RkTabView tabsUnderContent={true} rkType={"customTheme"}>
          <RkTabView.Tab
            title={selected => {
              return this.renderTab(selected, "Ofertas", "briefcase");
            }}
          >
            <Proposals />
          </RkTabView.Tab>

          <RkTabView.Tab
            title={selected => {
              return this.renderTab(selected, "Loja", "store");
            }}
          >
            <EDV />
          </RkTabView.Tab>

          <RkTabView.Tab
            title={selected => {
              return this.renderTab(selected, "Conta", "account");
            }}
          >
            <Profile />
          </RkTabView.Tab>
        </RkTabView>
      </View>
    );
  }

Custom Styles

RkTheme.setType("RkTabView", "customTheme", {
  container: {},
  tabContainer: {
    backgroundColor: "#4990E2"
  },
  headerContainer: {
    height: 56
  }
});

RkTheme.setType("RkTabView", "customThemeSelected", {
  headerContainer: {
    color: "#000000"
  }
});

Profile.js component

render() {
    let { container, avatarImage, profileDetails } = styles;

    return (
      <View style={container}>
        <ScrollView>
          <View style={avatarImage}>
            <ProfilePicture />
          </View>

          <View style={profileDetails}>
            <ProfileInput
              icon="account"
              placeholder="Qual o nome do cliente?"
            />
            <ProfileInput icon="fingerprint" placeholder="CPF" />
            <ProfileInput icon="phone" placeholder="Celular" />
            <ProfileInput icon="phone-plus" placeholder="Telefone" />
            <ProfileInput icon="email" placeholder="E-mail" />
            <ProfileInput icon="map-marker" placeholder="Endereço" />
            <ProfileInput
              label="Nota"
              placeholder="Insira o interesse do cliente ou outra informação importante."
              multiline={true}
              numberOfLines={4}
            />
          </View>
        </ScrollView>
      </View>
    );
  }

ProfileInput component

render() {
    let { header } = styles;

    return (
      <RkAvoidKeyboard>
        <RkTextInput
          {...this.props}
          label={
            this.props.label ? (
              this.props.label
            ) : (
              <Icon name={this.props.icon} size={24} />
            )
          }
          rkType="newInput"
        />
      </RkAvoidKeyboard>
    );
  }

Other information:

**OS, device, application version **

Windows 10 x64
Android 7 & Android 8

Invalid prop types: props.style key fontSize supplied to view

Issue type

I'm submitting a

bug report

Issue description

Current behavior:

Invalid prop types: props.style key fontSize supplied to view

Steps to reproduce:
Go to login V1 in Auth section.

Other information:

IOS, Iphone6, latest version of master branch

See the logs bellow :

Clean install fail

Tryout with Yarn and NPM. Same problem.

Loading dependency graph, done.
error: bundling: UnableToResolveError: Unable to resolve module ../setupBabel from /Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/packager/index.js:
Directory /Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/setupBabel doesn't exist
at ResolutionRequest._loadAsDir (/Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:572:13)
at tryResolveSync (/Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:411:18)
at tryResolveSync (/Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:89:12)
at ResolutionRequest._resolveFileOrDir (/Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:409:12)
at ResolutionRequest._resolveNodeDependency (/Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:417:19)
at ResolutionRequest.resolveDependency (/Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:135:29)
at dependencyNames.map.name (/Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:142:59)
at Array.map (native)
at ResolutionRequest.resolveModuleDependencies (/Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:142:42)
at module.readFresh.then (/Volumes/x/Development/2017/Projeto-/kittenTricks/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:182:40)
Bundling index.js 0.0(0/2), failed.

Sometimes touches are not detected

First of all really awesome project!

However I have found that sometimes my touches are not recognized, so I have to press twice.

Does anyone else has the same issue? Is it a react-native issue (rather than this library)?

My device is iPhone 7. Thanks.

I can't reject expo

I want convert project from project expo to react native init. I run:
npm run eject
but not success.
Please review it.
Thank.
Loc

TabView example

How about cool looking TabView example, with swipe and TabNavigator support?

TabNavigator

I add tabbar for navigation in my project but I have got some trouble while I try to add theme on it. Because the routes.js page is the first thing that compiled, I cannot get the current theme. I tried to create a component but then the tabbar disappeared or its style disappeared completely.

<Scene tabs key="tabbar" showLabel={false} lazy hideNavBar tabBarStyle={styles.tabBarStyle} headerMode="screen" > <Stack key="tab1" title="Events" tabBarLabel="Events" icon={TabIcon} onEnter={ console.log("esd") } initial >....</Stack> ..... </Scene>

Dark theme feels quite boring

Feel free to ignore this but it definitely hurts the eye use a dark grey color #333 or #777 it might look a little better 😉

P.S: Awesome Project 😍 ... I loved it & will use it in my upcoming projects... Lots of ❤️

how to use this project

I download this project, and i'm Execute a command ‘npm install’ and 'react-native-scripts start'.
a app was installed.

It's name Expo.but i don't nedd this app. I'm just want to kittenTricks.

how can i do ,please help me,Thanks!

akveo / kittentricks Goto Github PK

kittentricks's Introduction

Kitten Tricks

Key features:

Documentation:

UI Bakery

How can I support the developers?

License

More from Akveo

From Developers

kittentricks's People

Contributors

Stargazers

Watchers

Forkers

kittentricks's Issues

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.

Warning: Failed prop type: Invalid props.style key fontSize supplied to View

Issue description

Other information:

Development trouble

Issue description

how to remove Expo

where:

what i see:

what i expect:

Note

Issue type

Issue description

Other information:

Issue type

Issue description

Other information:

Recommend Projects

Recommend Topics

Recommend Org

Warning: Failed prop type: Invalid props.style key `fontSize` supplied to `View`