user-interface - 如何在 React Native 中处理不同的屏幕尺寸?

标签 user-interface react-native screen-size

我正在开发一个关于 react-native 的应用程序。我制作了一个在 iPhone 6 上运行良好但在 iPhone 5 或更低版本上运行良好的 UI。
我应该如何解决这个问题?

最佳答案

您是否使用固定的宽度和高度设计了应用程序?您绝对应该使用 flexbox 的功能,并尽量避免设置固定大小。 flex property可用于定义 <View /> 的空间大小应该使用与其他人相关的,并且该页面上的其他属性可用于以灵活的方式布置元素,从而在一系列不同的屏幕尺寸上提供所需的结果。

有时,您可能还需要一个 <ScrollView /> .

当您确实需要固定尺寸时,您可以使用 Dimensions.get('window') .

关于user-interface - 如何在 React Native 中处理不同的屏幕尺寸?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38715028/

相关文章:

java - 使用 JEditorPane 及其 setPage 方法

python - 如何使用 pandastable 在表格中设置数字格式

java - 如何在 Swing 中显示打印进度对话框?

android - 错误类型3错误: Activity class {com. rnnpro1/com.rnnpro1.MainActivity}不存在

react-native - 如何使用动画在 React Native 中制作循环图像背景

javascript - React 如何自动一次显示数组中的一个元素

swift - Xcode Swift 根据屏幕尺寸移动 UIElements

vb.net - 如何在 VB.NET 中使用 FolderBrowserDialog 控件选择多个文件夹路径

java - 我应该关注哪里来支持所有 100% 的手机和平板电脑,而忽略它们的屏幕尺寸或密度?

Android:根据屏幕尺寸限制 Activity 方向