当前屏幕的宽度:Dimensions.get('window').width

当前屏幕的高度:Dimensions.get('window').height

当前屏幕的分辨率:Dimensions.get('window').scale

当前运行的平台:Platform.OS

 

import React from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
  Dimensions,
  Platform,
} from 'react-native';


import {Colors} from 'react-native/Libraries/NewAppScreen';

const App: () => React$Node = () => {
  return (
    <>
      <StatusBar barStyle="dark-content" />
      <SafeAreaView>
        <ScrollView
          contentInsetAdjustmentBehavior="automatic"
          style={styles.scrollView}>
          <View>
            <Text>当前屏幕的宽度:{Dimensions.get('window').width + '\n'}</Text>
            <Text>当前屏幕的高度:{Dimensions.get('window').height + '\n'}</Text>
            <Text>
              当前屏幕的分辨率:{Dimensions.get('window').scale + '\n'}
            </Text>
            <Text>当前运行的平台:{Platform.OS}</Text>
          </View>
        </ScrollView>
      </SafeAreaView>
    </>
  );
};
// 样式表

const styles = StyleSheet.create({
  scrollView: {
    backgroundColor: Colors.lighter,
  },
});

export default App;

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐