React native学习第六章：TextInput

最新推荐文章于 2018-06-27 23:01:06 发布

小波波1992

最新推荐文章于 2018-06-27 23:01:06 发布

阅读量239

点赞数

分类专栏： React Native

本文链接：https://blog.csdn.net/aa654403231/article/details/60957650

版权

React Native 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

TextInput是一个允许用户输入文本的基础组件。它有一个名为onChangeText的属性，此属性接受一个函数，而此函数会在文本变化时被调用。另外还有一个名为onSubmitEditing的属性，会在文本被提交后（用户按下软键盘上的提交键）调用。

class TestTextInput extends Component{
       constructor(props) {
    super(props);
    this.state = {text2: ''};
  }

  render() {
    return (
      <View style={{padding: 10}}>
        <TextInput
          style={{height: 40}}
          placeholder="Type here to translate!"
          onChangeText={(text2) => this.setState({text2})}
        />
        <Text style={{padding: 10, fontSize: 42}}>
          {this.state.text2.split(' ').map((word) => word && '