基于DPI的不同Android设备上的React-Native Image渲染

问题描述

我是本机反应新手，并尝试基于DPI在不同的Android设备上渲染图像。需要帮助。

获取设备DPI的代码是-

import {PixelRatio} from 'react-native';

const PDI = PixelRatio.get();
var localPath='';

if(PDI == 1){
    localPath = '../../assets/img/drawable-mdpi'
}
else if(PDI == 1.5){
    localPath = '../../assets/img/drawable-hdpi'
}
else if(PDI == 2){
    localPath = '../../assets/img/drawable-xhdpi'
}
else if(PDI == 3){
    localPath = '../../assets/img/drawable-xxhdpi'
}
else if(PDI == 3.5){
    localPath = '../../assets/img/drawable-xxxhdpi'
}
export {PDI,localPath};

react-native app.js文件是-

import React,{Component} from 'react';
import {View,Image,StyleSheet,StatusBar,Alert} from 'react-native';
import { PDI,localPath } from '../../helper/device-size-android/GetDeviceSizeAndroid';

export default class TestImg extends Component {
  componentDidMount() {
    setTimeout(() => {
      this.props.navigation.navigate('Home')
    },3000);
  }
  render() {
    return (
      <View>
         <StatusBar
            barStyle = "dark-content"
         />
        <Image
          source={require(localPath + '/Splash.png')}
        />
      </View>
    );
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）