![Vertical Step indicator](https://images.ctfassets.net/nhlw0qkjuaf2/6wZP0UrEzL0CqAXlUyJU2r/8835593e1d1b5bb43fc678a8d695df52/Vertical_Step_indicator__1___1_.gif?w=380&h=290&fl=progressive&q=75&fm=jpg&fit=thumb&f=center)
Vertical Step indicator
May 06, 2023
1 min
Plug and play iOS/android react-native keyboard spacer view.
npm install --save react-native-keyboard-spacer
import React, { Component } from 'react'; import { Image, Text, View, StyleSheet, TextInput } from 'react-native'; import KeyboardSpacer from "react-native-keyboard-spacer" export default class App extends Component { render() { return ( <View style={styles.container}> <Text style={styles.text}> This is KeyboardSpacer in react native </Text> <Image style={styles.image} source={ require ('F:/andy/testing/one/pics/gta.jpg') } /> <TextInput style={styles.textInput} placeholder={'Enter your text!'}/> <KeyboardSpacer/> </View> ); } } const styles = StyleSheet.create({ container: { flex: 1, alignItems: 'center', backgroundColor: '#F9F9F9', justifyContent: 'center', }, text: { marginVertical: 20, textAlign: 'center', borderColor: '#F9F9F9' }, textInput: { left: 0, right: 0, height: 45, alignItems: 'center' }, image: { width: 400, height: 200, }, });
Quick Links
Legal Stuff