React-Native：如何根据设备类型定义组件

Question

从React-Native文档中，我们可以通过添加.android.js或.ios.js来定义不同文件中的组件。有没有办法来定义设备是平板电脑还是手机，这样我就可以根据设备的类型而不是设备的平台来定义组件的不同布局。

Answer 1

import { Dimensions } from 'react-native'

let deviceWidth = Dimensions.get('window').width

此代码将获取设备的宽度。

了解大多数手机的device width is 480 px or less，您可以为处理手机添加if语句if deviceWidth <= 480，并为平板电脑使用if deviceWidth > 480。