akveo / kittenTricks

React Native starter kit with over 40 screens and modern Light and Dark theme for creating stunning cross-platform mobile applications.
https://akveo.github.io/react-native-ui-kitten/
MIT License
7.17k stars 989 forks source link

How to handle Signin validation ? #272

Closed louisiscoding closed 4 years ago

louisiscoding commented 4 years ago

💬 Question

In my Demo app kitten tricks, i see there is some validation on Form for Sign Auth screen. But when i'm implementing the layout Auth-Signing 2, there is none.

It would be very interesting to see how you handle it with the styling

UI Kitten and Eva version

Package Version
@eva-design/eva 1.4.0
@ui-kitten/components 4.4.0
artyorsh commented 4 years ago

@LouisJS It's pretty simple with Formik or react-hook-form. Both libraries can be integrated with UI Kitten and work well. I tested it in my own production app. We're not going to include any business logic into this demo because it may lead to installing additional dependencies and a more complex way of cloning screens as a result.

louisiscoding commented 4 years ago

Could you show me an example how to reproduce the same behavior of validation in Sign in Auth 2 with react-hook-form. I do not succeed to make it work with Input from UI Kitten

That would be of great help