import React, { Component } from 'react';
import { Text, View, StyleSheet } from 'react-native';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
      <Text style={[styles.text, {backgroundColor: '#f30301'}]}>backgroundColor: #f30301</Text>
      <Text style={[styles.text, {backgroundColor: '#f3030150'}]}>backgroundColor: #f3030150</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    justifyContent: 'center',
    alignItems: 'center',
    flex: 1,
  },
  text: {
    marginTop: 10,
    height: 40,
    width: 200,
    fontSize: 13,
    textAlign: 'center',
    color: 'white',
  },
});