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处理平板。