import React, {Component} from 'react';
import {
    AppRegistry,//註冊
    StyleSheet,//樣式
    Text,//文字元件
    View,//檢視元件
    Image,//圖片元件
    TextInput,
    ScrollView,
} from 'react-native';

//引入畫素點庫
var Dimension = require('Dimensions');

class Demo extends Component {
    render() {
        return (
          <View style={mystyles.container}>
                <View style={mystyles.innerViewStyle}>
                    <Text>
                        當前螢幕寬度：{Dimension.get('window'
 
).width}
                    </Text>
                </View>
                <View style={mystyles.innertwoStyle}>
                    <Text>
                        當前螢幕的高度：{Dimension.get('window').height}
                    </Text>
                </View>
                <View style={mystyles.innerViewStyle}>
                    <Text>
                        當前螢幕的解析度：{Dimension.get('window'
 
).scale}
                    </Text>
                </View>
            </View>
        );
    }
}

//註冊Demo  輸出到ios應用
AppRegistry.registerComponent('HelloWorld', () => Demo);