proton-native/test.js

import React, { Component } from 'react';

import { App, AppRegistry, Window, View } from './src/';

class Example extends Component {
  render() {
    return (
      <App>
        <Window
          onResize={size => console.log('Resize', size)}
          style={{ backgroundColor: 'orange' }}
        >
          <View
            style={{ backgroundColor: 'red', flex: 1, margin: 30, padding: 30 }}
          >
            <View
              style={{
                backgroundColor: 'black',
                flex: 1,
                justifyContent: 'space-between',
              }}
            >
              <View style={{ backgroundColor: 'white', height: 100 }} />
              <View style={{ backgroundColor: 'yellow', height: 100 }} />
              <View style={{ backgroundColor: 'purple', height: 100 }} />
            </View>
            <View style={{ backgroundColor: 'green', flex: 1 }} />
            <View style={{ backgroundColor: 'blue', flex: 1 }} />
          </View>
        </Window>
      </App>
    );
  }
}

AppRegistry.registerComponent('Test', <Example />);