React Native Windows 中 TextInput 无法获取焦点怎么办？

公孙江洁提问于 2026-03-22 12:09:16 阅读 5

框架

我在用 React Native for Windows 开发桌面应用，发现点击 TextInput 组件时根本没法聚焦输入，光标都不出现。试过加 autoFocus 也没用，Windows 上是不是要额外配置什么？

组件代码很简单，就是：

const MyInput = () => {
  return <TextInput style={{ borderWidth: 1, padding: 8 }} />;
};

在 iOS 和 Android 上都正常，就 Windows 不行，有遇到过类似问题的吗？

我来解答赞 3 收藏

反馈

1 条解答

Mr-涵菲 Lv1

这个头疼的问题，之前也遇到过。React Native Windows 的 TextInput 确实有些坑。你可以在 TextInput 外面包一层 View，然后给这个 View 加个 onTouchEnd 属性，手动调用 TextInput 的 focus 方法。试试下面这段代码：

pre class="pure-highlightjs line-numbers">

import React, { useRef } from 'react';

import { TextInput, View } from 'react-native';



const MyInput = () => {

  const inputRef = useRef(null);



  return (

     inputRef.current.focus()}>

      

    

  );

};



export default MyInput;

复制过去试试，应该能解决焦点问题。

2026-03-22 12:10