UNPKG

react-native-ui-lib

Version:

[![SWUbanner](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner-direct.svg)](https://stand-with-ukraine.pp.ua)

59 lines (58 loc) 2.11 kB
{ "name": "KeyboardAccessoryView", "category": "infra", "description": "View that allows replacing the default keyboard with other components", "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/nativeComponentScreens/keyboardAccessory/KeyboardAccessoryViewScreen.js", "images": [ "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/KeyboardAccessoryView/KeyboardAccessoryView.gif?raw=true" ], "props": [ { "name": "renderContent", "type": "() => React.ReactElement", "description": "Content to be rendered above the keyboard" }, { "name": "kbInputRef", "type": "any", "description": "The reference to the actual text input (or the keyboard may not reset when instructed to, etc.).", "required": true, "note": "iOS only" }, { "name": "kbComponent", "type": "string", "description": "The keyboard ID (the componentID sent to KeyboardRegistry)" }, {"name": "kbInitialProps", "type": "any", "description": "The props that will be sent to the KeyboardComponent"}, { "name": "onHeightChanged", "type": "(height: number) => void", "description": "A callback for when the height is changed" }, { "name": "onItemSelected", "type": "() => void", "description": "Callback that will be called when an item on the keyboard has been pressed." }, { "name": "onRequestShowKeyboard", "type": "() => void", "description": "Callback that will be called if KeyboardRegistry.requestShowKeyboard is called." }, { "name": "onKeyboardResigned", "type": "() => void", "description": "Callback that will be called once the keyboard has been closed" } ], "snippet": [ "<KeyboardAccessoryView", " renderContent={this.renderContent()}", " kbInputRef={this.inputRef}", " kbComponent={$1}", " kbInitialProps={$2}", " onHeightChanged={this.onHeightChanged()}", " scrollBehavior={KeyboardAccessoryView.scrollBehaviors.NONE$3}", "/>" ]}