android – 反应原生资源问题

1)对于font-size,react-native是否使用sp而不是dp,如果我们想使用dp作为font-size,该怎么办？

是的反应本机使用sp为font-size,所以android也是如此,所以你不需要将它改为dp. https://developer.android.com/reference/android/widget/TextView.html#attr_android:textSize

2)我想为布局提供hdpi,怎么做？

没有特定的文件夹可以直接支持尺寸.在这种情况下,您应该使用PixelRatio的概念. https://facebook.github.io/react-native/docs/pixelratio.html

要提供自适应字体大小,您可以查看以下链接以供参考：React Native Responsive Font Size

3)如何为7英寸平板电脑,该怎么做？

创建一个方法来检查android代码中的isDeviceTablet()方法,然后在你的js文件中调用该方法.

要检查isDeviceTablet(),请查看以下链接以供参考：
Determine if the device is a smartphone or tablet?

要在您的js文件中调用android方法,请按照以下步骤操作：

创建一个UtilityControllerModule类：

public class UtilityController implements ReactPackage {
    public UtilityController(Activity activity) {

    }

    public UtilityController() {

    }

    @Override
    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
        return Arrays.<NativeModule>asList(new UtilityControllerModule(reactContext));
    }

    @Override
    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
        return Collections.emptyList();
    }
}

创建一个模块类：

public class UtilityControllerModule extends ReactContextBaseJavaModule {
    ReactApplicationContext reactContext;

    public UtilityControllerModule(ReactApplicationContext reactContext) {
        super(reactContext);
        this.reactContext = reactContext;
    }

    @Override
    public String getName() {
        return "UtilityController";
    }


    @ReactMethod
    public void isTablet(Callback callback) {
        boolean tabletSize = reactContext.getResources().getBoolean(R.bool.isTablet);
        Log.e("isTablet >>","" + tabletSize);
        callback.invoke(tabletSize);
    }
}

现在在你要调用此方法的js文件中：

import { NativeModules } from 'react-native';

var UtilityController = NativeModules.UtilityController

现在调用isTablet(),

componentDidMount(){
    UtilityController.isTablet((isTabletCallback)=>{
      console.log("isTabletJs>>",isTabletCallback);
    });
  }