效果：

    var textInputTest = React.createClass({
        render(){
            return(
                <View style={styles.container}>
                    {/* 文本输入框 */}
                <TextInput
                    style={styles.textInputStyle}
                    placeholder="没有自动改正拼写"
                    autoCorrect={false}
                ></TextInput>
                {/* 文本输入框 */}
                <TextInput
                    style={styles.textInputStyle}
                    placeholder="自动改正拼写"
                    autoCorrect={true}
                ></TextInput>
                </View>
            );
        }
    });

效果：

• autoFocus：如果为true，在componentDidMount后会获得焦点。默认值为false。

    var textInputTest = React.createClass({
        render(){
            return(
                <View style={styles.container}>
                    {/* 文本输入框 */}
                    <TextInput
                        style={styles.textInputStyle}
                        autoFocus={true}
                    ></TextInput>
                </View>
            );
        }
    });

效果：

• clearButtonMode：清除按钮出现的时机
  • never：不出现
  • while-editing：编辑的时候出现
  • unless-editing：没有编辑时出现
  • always：总是出现

      var textInputTest = React.createClass({
          render(){
              return(
                  <View style={styles.container}>
                      {/* 文本输入框 */}
              <TextInput
                  style={styles.textInputStyle}
                  placeholder="never"
                  clearButtonMode="never"
              ></TextInput>
              {/* 文本输入框 */}
              <TextInput
                  style={styles.textInputStyle}
                  placeholder="while-editing"
                  clearButtonMode="while-editing"
              ></TextInput>
              {/* 文本输入框 */}
              <TextInput
                  style={styles.textInputStyle}
                  placeholder="unless-editing"
                  clearButtonMode="unless-editing"
              ></TextInput>
              {/* 文本输入框 */}
              <TextInput
                  style={styles.textInputStyle}
                  placeholder="always"
                  clearButtonMode="always"
              ></TextInput>
                  </View>
              );
          }
      });
  

  效果：

• clearTextOnFocus：如果为true，每次开始输入的时候都会清除文本框的内容

      var textInputTest = React.createClass({
          render(){
              return(
                  <View style={styles.container}>
                      {/* 文本输入框 */}
                      <TextInput
                          style={styles.textInputStyle}
                          clearTextOnFocus={true}
                      ></TextInput>
                  </View>
              );
          }
      });
  

  效果：

• editable：如果值为假，文本是不可编辑，默认值为真

    var textInputTest = React.createClass({
        render(){
            return(
                <View style={styles.container}>
                    {/* 文本输入框 */}
                    <TextInput
                        style={styles.textInputStyle}
                        editable={false}
                    ></TextInput>
                </View>
            );
        }
    });

效果：

• enablesReturnKeyAutomatically：如果为true，键盘会在文本框内没有文字的时候禁用确认按钮。默认值为false。

    var textInputTest = React.createClass({
        render(){
            return(
                <View style={styles.container}>
                    {/* 文本输入框 */}
                <TextInput
                    style={styles.textInputStyle}
                    enablesReturnKeyAutomatically={true}
                ></TextInput>
                {/* 文本输入框 */}
                <TextInput
                    style={styles.textInputStyle}
                    enablesReturnKeyAutomatically={false}
                ></TextInput>
                </View>
            );
        }
    });

效果：