在React Native中每次按键时键盘都会消失

时间:2019-02-09 08:47:16

标签: javascript react-native

我想在本地响应中映射键值对。该值是可编辑的文本输入。映射的组件显示正常,但是当我尝试编辑TextInput时,键入第一个字母时键盘消失。不知道是什么原因引起的。

如果我只是将TextInput放在父元素中,则它可以正常工作,但在使用map函数时不起作用。

 <View style={styles.main}>
        <View>
            {this._getDetailElements()}
        </View>
 </View>

_getDetailElements()函数

 _getDetailElements = () => {

    return Object.keys(this.state.data).map(elem => (
        <View key={shortid.generate()} style={styles.element}>
                <TextInput
                editable={this.state.editable}
                onChangeText={text => this.setState({seletedText: text})}
                value={this.state.selectedText}
                /> 
        </View>
    )
    );
}

1 个答案:

答案 0 :(得分:0)

i think you should just change the value to defaultValue Like this :

    <TextInput
        editable={this.state.editable}
        onChangeText={text => this.setState({seletedText: text})}
        defaultValue={this.state.selectedText}
    />

Good luck