title: KeyboardAccessory

sidebar_label: KeyboardAccessory

设置 Input / Textarea 聚焦时键盘上方 CoverView / CoverImage 工具栏视图。需要配置 Taro 插件 @tarojs/plugin-platform-weappenablekeyboardAccessory 参数为 true 后才能使用,请参考:#9548

支持情况:KeyboardAccessory - 图1 KeyboardAccessory - 图2 KeyboardAccessory - 图3 KeyboardAccessory - 图4

参考文档

类型

  1. ComponentType<StandardProps>

示例代码

  1. // config/index.js
  2. {
  3. // ...
  4. plugins: [
  5. ['@tarojs/plugin-platform-weapp', {
  6. enablekeyboardAccessory: true
  7. }]
  8. ]
  9. }
  1. class App extends Component {
  2. render () {
  3. return (
  4. <Textarea holdKeyboard="{{true}}">
  5. <KeyboardAccessory className="container" style={{ height: 50 }} >
  6. <CoverView onClick={() => { TODO }} style={{ flex: 1, background: 'green' }}>1</CoverView>
  7. <CoverView onClick={() => { TODO }} style={{ flex: 1, background: 'red' }}>2</CoverView>
  8. </KeyboardAccessory>
  9. </Textarea>
  10. )
  11. }
  12. }