From 654c4230972c77f6558f40b5856dd7c9ed97f565 Mon Sep 17 00:00:00 2001
From: Pines-Cheng <spider.cs.nuc@gmail.com>
Date: Wed, 10 Oct 2018 18:28:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(RN):=20RN=20=20=E7=AB=AF=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=20deviceRatio=20=E8=87=AA=E5=AE=9A=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/taro-cli/src/rn/styleProcess.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/taro-cli/src/rn/styleProcess.js b/packages/taro-cli/src/rn/styleProcess.js
index 906b992ebcda..30c807fa8326 100644
--- a/packages/taro-cli/src/rn/styleProcess.js
+++ b/packages/taro-cli/src/rn/styleProcess.js
@@ -8,6 +8,8 @@ const {StyleSheetValidation} = require('./StyleSheet/index')
 const Util = require('../util')
 const npmProcess = require('../util/npm')
 
+const DEVICE_RATIO = 'deviceRatio'
+
 /**
  * @description 读取 css/scss/less 文件，预处理后，返回 css string
  * @param {string}filePath
@@ -50,9 +52,15 @@ function loadStyle ({filePath, pluginsConfig}) {
  * @returns {Function | any}
  */
 function postCSS ({css, filePath, projectConfig}) {
+  let pxTransformConfig = {
+    designWidth: projectConfig.designWidth || 750
+  }
+  if (projectConfig.hasOwnProperty(DEVICE_RATIO)) {
+    pxTransformConfig[DEVICE_RATIO] = projectConfig.deviceRatio
+  }
   return postcss(pxtransform({
     platform: 'rn',
-    designWidth: projectConfig.designWidth || 750
+    ...pxTransformConfig
   }))
     .process(css, {from: filePath})
     .then((result) => {