import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View } from 'react-native';
class LotsOfStyles extends Component {
render() {
return (
<View style={styles.sizemake}>
<Text style={styles.red}>just red</Text>
<Text style={styles.bigblue}>just bigblue</Text>
<Text style={[styles.bigblue, styles.red]}>bigblue, then red</Text>
<Text style={[styles.red, styles.bigblue]}>red, then bigblue</Text>
</View>
);
}
}
const styles = StyleSheet.create({
bigblue: {
color: 'blue',
fontWeight: 'bold',
fontSize: 30,
},
red: {
color: 'red',
},
sizemake:{
width:200,
height:300,
backgroundColor:'green',
},
});
AppRegistry.registerComponent('LotsOfGreetings', () => LotsOfStyles);
RNA有严格的大小写区别， <Text style={[styles.bigblue, styles.red]}>bigblue, then red</Text> 并没有实现想象中的，前面是蓝色后面是红色，原因未知，带着问题出发
转载请注明原文地址: https://ju.6miu.com/read-2393.html
