react native TouchableOpacity(点击渐变) TextInput

import React,{Component} from 'react';
import {View,Button,Text,TouchableOpacity,TextInput} from 'react-native';

export default class Demo09Component extends Component{

    handlePress(){
        alert('press');
    }   

    render(){
        return <TouchableOpacity onPress={this.handlePress}>
                 <Text>哈哈哈</Text>
                 <TextInput secureTextEntry={true} keyboardType="numeric" placeholder="请输入用户名"></TextInput>
               </TouchableOpacity>
    }
}