React Native：JS与Kotlin原生侧屏幕尺寸值不一致，如何获取一致值？

• 密度处理错误：你在Kotlin代码里把density强制转为了Int类型，而Android的density实际是带小数的浮点数（比如常见的1.333、2.0、3.0等），转Int会直接截断小数部分，导致后续尺寸计算出现偏差。比如你的例子中，设备真实密度约为1.331，转成Int后变成1，用整数除法算出的尺寸就会比真实逻辑尺寸大；而React Native的Dimensions使用的是设备真实的浮点数密度计算逻辑尺寸。
• 屏幕区域范围不同：React Native的Dimensions.get('window')返回的是应用可使用的窗口尺寸，会自动排除系统状态栏、底部导航栏等系统UI占用的空间；而你用Resources.getSystem().displayMetrics获取的是整个物理屏幕的尺寸，包含了系统UI占据的区域，这也是数值差异的原因之一。

1. 修正密度计算逻辑 #

不要将density转为Int，直接使用原始浮点数计算：

private val density = Resources.getSystem().displayMetrics.density
private val screenWidth = Resources.getSystem().displayMetrics.widthPixels / density
private val screenHeight = Resources.getSystem().displayMetrics.heightPixels / density

这一步仅修正密度问题，还需结合屏幕区域的处理才能和RN结果完全一致。

2. 获取应用窗口的可用尺寸（排除系统UI） #

针对Android 11及以上（API 30+），使用WindowMetrics获取应用窗口真实可用尺寸；低版本用兼容逻辑：

import android.app.Activity
import android.os.Build
import android.view.WindowMetrics
import android.view.WindowManager

fun getAppWindowSize(activity: Activity): Pair<Float, Float> {
    return if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
        val windowMetrics: WindowMetrics = activity.windowManager.currentWindowMetrics
        val bounds = windowMetrics.bounds
        val width = bounds.width() / activity.resources.displayMetrics.density
        val height = bounds.height() / activity.resources.displayMetrics.density
        Pair(width, height)
    } else {
        val displayMetrics = activity.resources.displayMetrics
        val width = displayMetrics.widthPixels / displayMetrics.density
        val height = displayMetrics.heightPixels / displayMetrics.density
        Pair(width, height)
    }
}

调用时传入当前Activity，得到的就是和React Native Dimensions.get('window')一致的逻辑尺寸。

补充说明 #

如果应用是全屏模式（隐藏状态栏和导航栏），两种方式的尺寸会更接近，但仍需注意保留密度的浮点数属性，不能转为Int。

内容的提问来源于stack exchange，提问作者Luiz