Wireless Buzzer App
(Part II)
AppHeader.js:
import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
export default class AppHeader extends React.Component {
render() {
return (
<View style={styles.textContainer}>
<Text style={styles.text}>Quize Buzzer App</Text>
</View>
);
}
}
const styles = StyleSheet.create({
textContainer: {
backgroundColor: 'blue',
},
text: {
color: 'white',
padding: 20,
fontWeight: 'bold',
textAlign: 'center',
fontSize: 22,
},
});
0 Comments: