React Native TextInput 输入框赋值没反应

港控/mmm° 2022-02-02 09:36 301阅读 0赞

TextInput 输入框赋值没反应

![729448-20171212095311727-1783668271.png][]

//RnEditText部分截图

![729448-20171212095418868-1366290901.png][]

//RnEditText源码

import React, {
        Component,
        PropTypes
    } from 'react';
    
    import {
        View,
        Text,
        Image,
        TextInput,
        StyleSheet,
    } from 'react-native';
    
    import AutoUtil from '../utils/AutoUtil';
    
    
    export default class RnEditText extends Component {
        static propTypes = {
            autoFocus: PropTypes.bool,
            caretHidden: PropTypes.bool,
            editable: PropTypes.bool,
            keyboardType: PropTypes.string,
            textAlign: PropTypes.string,
            maxLength: PropTypes.number,
            multiline: PropTypes.bool,
            onBlur: PropTypes.func,
            onChange: PropTypes.func,
            onChangeText: PropTypes.func,
            onEndEditing: PropTypes.func,
            onFocus: PropTypes.func,
            hint: PropTypes.string,
            value: PropTypes.string,
            secureTextEntry: PropTypes.bool,
            outStyle: PropTypes.number,
            textAlignVertical : PropTypes.string,
            textAlign : PropTypes.string,
        };
    
    
        render() {
            let Platform = require('Platform');
            if (Platform.OS === 'android') {
                return (
                    <TextInput
                        autoFocus={this.props.autoFocus}
                        caretHidden={this.props.caretHidden}
                        editable={this.props.editable}
                        keyboardType={this.props.keyboardType}
                        textAlign={this.props.textAlign}
                        maxLength={this.props.maxLength}
                        multiline={this.props.multiline}
                        onBlur={this.props.onBlur}
                        onChange={this.props.onChange}
                        onChangeText={this.props.onChangeText}
                        onEndEditing={this.props.onEndEditing}
                        onFocus={this.props.onFocus}
                        placeholder={this.props.hint}
                        placeholderTextColor={'#cccccc'}
                        value={this.props.value}
                        secureTextEntry={this.props.secureTextEntry}
                        underlineColorAndroid='transparent'
                        style={[this.props.outStyle, {padding: 0}]}
                        textAlignVertical = {this.props.textAlignVertical}
                    />
                );
            } else {
                return (
                    <TextInput
                        autoFocus={this.props.autoFocus}
                        caretHidden={this.props.caretHidden}
                        editable={this.props.editable}
                        keyboardType={this.props.keyboardType}
                        textAlign={this.props.textAlign}
                        maxLength={this.props.maxLength}
                        multiline={this.props.multiline}
                        onBlur={this.props.onBlur}
                        onChange={this.props.onChange}
                        onChangeText={this.props.onChangeText}
                        onEndEditing={this.props.onEndEditing}
                        onFocus={this.props.onFocus}
                        placeholder={this.props.hint}
                        placeholderTextColor={"#cccccc"}
                        value={this.props.value}
                        secureTextEntry={this.props.secureTextEntry}
                        style={this.props.outStyle}
                    />
                );
            }
        }
    
    }

[729448-20171212095311727-1783668271.png]: /images/20220202/fefc24d6b3ed4d3792c1bfaf34ee67f7.png
[729448-20171212095418868-1366290901.png]: /images/20220202/f165d8f9381f4ae8807d0ef606e6fcec.png