js reshatel

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */
'use strict';

var node = require('node');
var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} = React;

var AwesomeProject = React.createClass({
  render: function()
  {
    return(
      <View style={styles.daddy}>
        //контейнер для верхней части
        <View style={styles.header}>
          <Text>Решатель.</Text>
          <Text style={styles.bottomText}>Мы порешаем для Вас.</Text>
        </View>
        //контейнер для нижней части
        <View style={styles.workingSpace}>
        <Text>ДА</Text>
        </View>
      </View>
    )
  }
});

var styles = StyleSheet.create({
  daddy: {
    flex: 1,
    flexDirection: 'column',
    backgroundColor: '#FF6347',
  },
  header: {
    fontSize: 25,
    flex: 0.6,
    textAlign: 'left',
    backgroundColor: '#000000',
  },
  workingSpace: {
    flex: 0.4,
  },
  bottomText: {
    fontSize: 20,
  },
});

AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);