时间戳

首页 > 解决方案 > 如何制作适合所有维度的 React-Native 应用程序？

css - 如何制作适合所有维度的 React-Native 应用程序？

问题描述

所以，我前段时间开始做这个应用程序，现在已经完成了，不包括我想问的问题。如何制作适合所有尺寸的应用程序？我使用了以下 3 个工具——VS Studio、Expo、React-Native。我已经构建了一个适合我的屏幕尺寸的应用程序；但是当我在IOS（不同尺寸）、Android（不同尺寸）上测试时，一切都乱了套。这是可以理解的，因为我只是在边距、填充、宽度、高度等中输入数字。如何让这个应用程序自动调整到所有屏幕尺寸？请帮忙。这是我第一次制作 React-Native 应用程序。

标签： cssreactjsreact-nativeexpostyling

解决方案

您应该在每个平台（Android 和 iOS）上使用 React Native 进行应用程序开发期间检查每个屏幕，因为它可以节省您的时间。此外，您应该在新应用程序开发开始时注意一些事情。像响应式布局、互联网连接检查、纵向和横向视图等……</p>

这是制作适合所有屏幕尺寸和尺寸的应用程序的方法。

您可以使用“react-native-responsive-screen”包来使用完全响应的 UI 元素。下面是那个包的链接。 https://www.npmjs.com/package/react-native-responsive-screen

这里还有一个链接，可以帮助您了解如何使用它。 https://medium.com/react-native-training/build-responsive-react-native-views-for-any-device-and-support-orientation-change-1c8beba5bc23

 您可以使用 expo 在下面的链接中查看示例代码。 https://snack.expo.io/@ahmedmkamal/react-native-responsive-screen

谢谢。

推荐阅读