TextInput組件的內(nèi)容部分：
class Myinput extends Component{
    constructor(props){
        super(props);
        this._onChangeText = this._onChangeText.bind(this);
        this.state = {
            showValue:"",
        }
    }
    _onChangeText(inputData){
        console.log("輸入的內(nèi)容",inputData);
        //把獲取到的內(nèi)容，設(shè)置給showValue
        this.setState({showValue:inputData});
    }
    showData(){
        alert(this.state.showValue);//展示輸入框的內(nèi)容
    }
    render(){
        return (<View style={styles.mycontainer}>
                    <TextInput
                        placeholder="請(qǐng)輸入用戶(hù)名"
                        editable={true}//是否可編輯
                        style={styles.inputStyle}//input框的基本樣式
                        onChangeText={this._onChangeText}//輸入框改變觸發(fā)的函數(shù)
                    />
                    <TouchableOpacity onPress={this.showData.bind(this)}>
                        <View style={styles.btn}>
                            <Text style={styles.wordC}>搜索</Text>
                        </View>
                    </TouchableOpacity>
                </View>)
    }
}
const styles = StyleSheet.create({
    mycontainer:{
      marginTop:30,
        flexDirection:"row",
    },
    inputStyle:{
        width:280,
        height:30,
        borderColor:"black",
        borderWidth:1,
        marginLeft:5,
    },
    btn:{
        width:85,
        height:30,
        justifyContent:"center",
        alignItems:"center",
        backgroundColor:"green",
        // borderRadius:5
    },
    wordC:{
        color:"white",
        fontSize:18,
    }
})

<TextInput
    style={styles.edit}
    underlineColorAndroid='transparent'/>
edit: {
        marginTop: 30,
        height: 40,
        fontSize: 20,
        backgroundColor: '#fff'
    },

<View style={styles.view}>
    <TextInput      
        style={styles.edit}
        underlineColorAndroid='transparent'/>
</View>
    edit: {
        height: 40,
        fontSize: 20,
        backgroundColor: '#fff',
        marginLeft: 10,  //左右留出一定的空間
        marginRight: 10
    },
    view: {
        flex: 1,
        marginTop: 10,
        backgroundColor: '#fff',
        height: 51,    //通過(guò)大于TextInput的高度來(lái)彌補(bǔ)上面的問(wèn)題
        justifyContent: 'flex-end'  //放置到底部
    }