rc-virtual-keyboard

rc-virtual-keyboard

react virtual keyboard

Development

# install dependencies
$ pnpm install

# develop library by docs demo
$ pnpm start

# build library source code
$ pnpm run build

# build library source code in watch mode
$ pnpm run build:watch

# build docs
$ pnpm run docs:build

# Locally preview the production build.
$ pnpm run docs:preview

# check your project for potential problems
$ pnpm run doctor

use

npm install rc-virtual-keyboard --save

pnpm install rc-virtual-keyboard --save

yarn add rc-virtual-keyboard --save

import { useState } from 'react';
import { useVirtualKeyboard, keys } from 'rc-virtual-keyboard';

export default () => {
  const [value, setValue] = useState('');
  const { VirtualKeyboard, VirtualKeyboardProvider } = useVirtualKeyboard();

  return (
    <>
      {/* <div>可使用右侧虚拟键盘</div> */}
      <input
        placeholder="可使用右侧虚拟键盘"
        onInput={(e) => {
          setValue(e.target.value);
          console.log('value', e.target.value);
        }}
      />
      <div>value：{value}</div>
      <VirtualKeyboardProvider>
        <VirtualKeyboard />
      </VirtualKeyboardProvider>
    </>
  );
};

说明

• 数字键
• 字母键
  • 支持大小写切换
  • 支持单字拼音输入
• 符号键
• 光标操作
  • 复制
  • 粘贴
  • 全选
• 键盘设置
  • 主题模式
  • 位置
• 手写板（ing...）

document

see you[https://anycloud666.github.io/rc-virtual-keyboard]

see you[https://anycloud666.github.io/rc-virtual-keyboard]

see you[https://anycloud666.github.io/rc-virtual-keyboard]

one star!one star!!!one star!!!

LICENSE