React Native 分辨率适配问题

最新推荐文章于 2022-06-22 15:14:01 发布

wu_xiao_yang

最新推荐文章于 2022-06-22 15:14:01 发布

阅读量4.5k

点赞数

分类专栏： RN

本文链接：https://blog.csdn.net/wu_xiao_yang/article/details/52818437

版权

本文探讨了React Native中分辨率适配的问题，指出RN中使用px单位并需要转换为dp以实现良好适配。通过PixelRatio.get()方法可以将px转换为dp，确保在不同分辨率设备上的正确显示。同时，文章提到了flex布局的优势，如何利用它进行动态空间分配。

摘要由CSDN通过智能技术生成

RN中宽高,解决很多机型适配的问题,因为它没有单位啊,嘎嘎..

import React, { Component } from 'react';
import { AppRegistry, View } from 'react-native';

class FixedDimensionsBasics extends Component {
   
  render() {
    return (
      <View>
        <View style={
  {width: 50, height: 50, backgroundColor: 'powderblue'}} />
        <View style={
  {width: 100, height: 100, backgroundColor: