MENU


InputAccessoryView

On iOS the keyboard can carry a toolbar of your own, the input accessory view, typically with Done, Next or formatting buttons. InputAccessoryView renders its children there: give it a nativeID, and pass the same string as inputAccessoryViewID to each TextInput that should show it. It also serves as a "sticky" composer that rides on top of the keyboard, as in chat apps. BookNest's note field declares one:

src/ios/IosOnly.tsx: a keyboard toolbar for the note field (excerpt)TSX
      <TextInput style={ui.input} placeholder="Note" inputAccessoryViewID="noteBar" />
      <InputAccessoryView nativeID="noteBar"><Text>Done</Text></InputAccessoryView>

On iOS (not run here) the Done bar appears above the keyboard whenever the note field has focus. On Android the component logs a warning and renders nothing:

Output of 135
 WARN  <InputAccessoryView> is only supported on iOS.

So the code is safe to share, but Android users get no toolbar; give them returnKeyType="done" and submitBehavior on the input instead (Focus Order). React Native 36,878 's docs list two open limitations: multiline inputs are not supported, and the view does not work with a bottom tab bar.