React Native中获取TextInput的光标位置

该示例代码演示了在React Native中如何获取TextInput中光标的位置。通过使用ref和onLayout来实现。

import React, { Component } from 'react';
import { TextInput } from 'react-native';

class MyTextInput extends Component {
  textInputRef = React.createRef();

  handleGetCursorPosition = () => {
    this.textInputRef.current.measureLayout(
      TextInput.State.currentlyFocusedField(),
      (x, y, width, height, pageX, pageY) => {
        console.log(`Cursor position: ${pageX}, ${pageY}`);
      }
    );
  }

  render() {
    return (
      <TextInput 
        ref={this.textInputRef}
        onLayout={this.handleGetCursorPosition}
      />
    );
  }
}

免责申明：文章和图片全部来源于公开网络，如有侵权，请通知删除 server@dude6.com