BUIlD FORMS

LIKE

WORLD CHAMPIONS

About me

Alexandre Moureaux

Lead Dev  @

@almouro

github.com/almouro

Check out our open-source (github.com/bamlab) and our blog (blog.bam.tech)

UX TIPS

THINK OF THE
KEYBOARD

MAKE
FORMS
SMALL AGAIN

REACT
TO KEYBOARD EVENTS

MASTER THE KEYBOARD

HANDLE KEYBOARD SPACE

react-native-keyboard-spacer

<ScrollView>
  <BigForm full of inputs />
  <KeyboardSpacer/>
</ScrollView>

MASTER THE KEYBOARD

HIDE ELEMENTS

react-native-hide-with-keyboard

<View>
  <HideWithKeyboard>
    <Text>
        Hidden when 
        keyboard is shown
    </Text>
  </HideWithKeyboard>
  <Text>Never hidden</Text>
</View>

DIVING INTO THE

CODE

formik

11k stars | 150k weekly downloads

REACT-Native-formik

150 stars | 1k weekly downloads

LIVE CODING SESSION LINK

  • CHOOSE YOUR OWN COMPONENTS

  • IMPLEMENT WITH MINIMUM BOILERPLATE

 

thank you!

:   

)   

@almouro

react-native-formik

Made with Slides.com