解决React Native中Textinput无法输入、失去焦点、placeholder默认占位符不显示问题

原创

于 2024-06-25 16:24:30 发布 · 885 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#react native #react.js #javascript

解决React Native中Textinput无法输入、失去焦点、placeholder切换占位符不显示问题

最近写代码的时候遇到了一个很奇怪的问题，点击输入框无法输入文字，光标也不显示，但是点击后弹出的软键盘还在。

用到的组件是react-native中的Textinput来获取用户输入的文本信息。

问题排查

代码片段

import React, {
   
    useState } from 'react';
import {
   
    View, Text, TextInput, StyleSheet } from 'react-native';

const YourComponent = () => {
   
   
    const [isNotShowPlaceholder, setIsNotShowPlaceholder] = useState(false);

    const onClickCallback = (eventType, text = null) => {
   
   
        if (eventType === 'onFocus') {
   
   
            onFoucsn();