MENU


<InputAccessoryView>

This component allows you to customize the keyboard input accessory view which appears above the virtual keyboard whenever a TextInput is focused.

PropsbackgroundColornativeIDstyle

RESETRUNFULL
import React, { useState } from 'react';import { Button, InputAccessoryView, ScrollView, TextInput } from 'react-native';export default App = () => {
  const inputAccessoryViewID = 'uniqueID';
  const initialText = '';
  const [text, setText] = useState(initialText);
  return (
    <>
      <ScrollView keyboardDismissMode="interactive">
        <TextInput style={{ padding: 16, marginTop: 50}}
                         inputAccessoryViewID={inputAccessoryViewID}
                         onChangeText={setText}
                         value={text}
                         placeholder={'Please type here…'} />
      </ScrollView>
      <InputAccessoryView nativeID={inputAccessoryViewID}>
        <Button onPress={() => setText(initialText)} title="Clear text"/>
      </InputAccessoryView>
    </>
  );}