react-native中获取当前屏幕的宽度高度以及分辨率

引入Dimensions
用Dimensions.get('window')来进行获取宽高以及屏幕分辨率

var Dimensions = require('Dimensions');
export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>当前窗口的宽度：{Dimensions.get('window').width}</Text>
        <Text style={styles.instructions}>当前窗口的高度：{Dimensions.get('window').height}</Text>
        <Text style={styles.instructions}>当前窗口的分辨率：{Dimensions.get('window').scale}</Text>
      </View>
    );
  }
}
Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

Flutter 框架跨平台鸿蒙开发 - 虚拟抽奖转盘应用开发教程

这是一款功能丰富的虚拟抽奖转盘应用，为用户提供有趣的抽奖体验。应用采用Material Design 3设计风格，支持自定义奖品、转盘动画、中奖记录、概率控制等功能，界面精美生动，操作简单有趣，适用于各种抽奖活动场景。运行效果图LotteryWheelHomePageWheelPagePrizesPageHistoryPageSettingsPageLotteryWheelSpinButtonQu

avatar 开源鸿蒙跨平台开发者社区

Flutter 框架跨平台鸿蒙开发 - 在线成语闯关应用开发教程

本教程实现了一个功能完整的成语闯关学习应用，通过游戏化的方式让学习变得更有趣。应用包含关卡系统、星级评价、进度追踪等核心功能，界面简洁美观，交互流畅。通过本项目可以学习到Flutter的状态管理、页面导航、对话框使用、动态样式等知识点，适合作为教育类应用的开发参考。欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net。

avatar 开源鸿蒙跨平台开发者社区

Flutter 框架跨平台鸿蒙开发 - 实时彩票开奖查询应用开发教程

本教程实现了一个功能完整的彩票开奖查询应用，涵盖了开奖结果展示、订阅管理、个性化设置等核心功能。通过本项目可以学习到Flutter的状态管理、UI组件设计、数据模型构建等知识点。欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net。

avatar 开源鸿蒙跨平台开发者社区