无涯教程网

如何在reactnative 中处理不同的屏幕尺寸

发布于08月02日

我正在react native上开发一个应用程序.我制作的UI在iPhone 6上运行良好，但在iPhone 5或更低版本上无法正常工作.

推荐答案

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

有时，你可能还需要<ScrollView />.

当你需要固定尺寸时，你可以使用Dimensions.get('window').

React-native相关问答推荐

React Native 动画.您必须在转换属性中精确指定一个属性.

错误：HostFunction 中的异常： Malformed calls from JS： field sizes are different. In an Animated View

使用 React Native 正确处理注销

调用 ES6 方法时绑定上下文.如何从称为回调的方法中访问对象？

你使用 react native 应该学习 react.js 吗？

在 React Native 上为 android 创建自定义 UI 组件，如何向 JS 发送数据？

在 LTR 设备上强制 RTL

使用 react-native 设置 Select 器的高度

React Native：错误：找不到资源 android：style/TextAppearance.Material.Widget.Button.Borderless.Colored

从堆栈导航器中删除屏幕

如何判断 goBack() 函数在react-navigation 中是否可行？

error TS2300： Duplicate identifier 'RequestInfo'

在 react-native-maps 中渲染多个标记

任务在 react-native 中因请求而成为orphaned - 这是什么意思？

使用 android 的应用中心分发时应用未安装错误

iOS ActionSheet 的 Android 类似功能

React Native onLayout 与 React Hooks

如何为 TouchableOpacity 组件创建禁用样式？

如何在 React 中将函数与钩子绑定？

Flatlist getItemLayout 用例

实用课程推荐

相关教程推荐