进阶 reactnative.dev 2026-10-11 06:04:21 · 39 阅读

第56章 React Native 第56章:InputAccessoryView 组件详解

版本:0.77InputAccessoryView一个用于自定义 iOS 键盘输入附件视图(input accessory view)的组件。只要 TextInput 获得焦点,输入附件视图就会显示在键盘上方。该组件可用于创建自定义工具栏。

使用时,先用 InputAccessoryView 组件包裹你的自定义工具栏,并设置一个 nativeID,然后把这个 nativeID 作为 inputAccessoryViewID 传给你想要的任意 TextInput。一个基础示例:

该组件还可以用来创建悬浮文本输入框(固定在键盘顶部的文本输入框)。做法是用 InputAccessoryView 包裹一个 TextInput,且不设置 nativeID。示例可参考 InputAccessoryViewExample.js。

参考 属性​ backgroundColor​ 类型color

nativeID​ 用于将此 InputAccessoryView 关联到指定 TextInput 的 ID。 类型string

style​ 类型View Style 已知问题

react-native#18997: 不支持多行 TextInput react-native#20157: 无法与底部标签栏一起使用

评论 (0)