如何使本机基础的组件在各种屏幕上响应

Question

如何使本机库中的组件在各种屏幕上响应？我在几个不同的手机屏幕上进行了测试，但是本地用户对此反应迟钝，请帮助我。

Answer 1

如果要检索设备的确切窗口高度或宽度，则

React Native提供Dimensions模块。这是全屏视图的示例：

import { View, Dimensions } from 'react-native';

<View style={{
     width: Dimensions.get('window').width,
     height: Dimensions.get('window').height
}}></View>

此外，React Native样式支持Flexbox（或多或少像CSS）。您可以在docs中进一步了解它。