(六)View和Text组件的样式

/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import {  AppRegistry,  StyleSheet,  Text,  View,  Image} from 'react-native';export default class MyProject extends Component {  render() {    return (      <View style={styles.container}>        <Text style={styles.title}>shuohui.com</Text>      </View>    );  }}const styles=StyleSheet.create({  container: {    //1.填充父窗体 0.大小取决于内部元素    flex: 1,    //背景色    backgroundColor: '#eae7ff',    //外边框    margin: 30,    //边框粗细    borderWidth: 1,    //边框颜色    borderColor: '#aef222',    //圆角    borderRadius: 12,  },  title:{    //字体大小    fontSize: 18,    //字体颜色    color: '#64352c',    //居中    textAlign: 'center',    //字符间隔    letterSpacing: 2,    //行高    lineHeight: 20,    //字体粗细    fontWeight: '900',    //内边距    padding: 20,    //加下划线的文字    textDecorationLine: 'underline'  }});AppRegistry.registerComponent('MyProject', () => MyProject);

效果：