React Native 之 TextInput组件去掉下划线

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Image,
  Text,
  TouchableHighlight,
  TextInput,
  View
} from 'react-native';


export default class ViewProject extends Component {

  render() {
    return (
      
        
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex:1,
    justifyContent: 'center',
    alignItems:'center',
    backgroundColor:'grey'
  },
  textInputStyle:{
    width:400,
    height:80,
    fontSize:30,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor:'white'
  }
});
AppRegistry.registerComponent('ViewProject', () => ViewProject);

React Native 之 TextInput组件去掉下划线_第1张图片

去掉下划线 后

React Native 之 TextInput组件去掉下划线_第2张图片

你可能感兴趣的:(React,Native)