如何做一个适合所有维度的 React-Native 应用?
How to make a React-Native app suitable for all dimensions?
所以,我很早就开始做这个应用程序了,现在已经完成了,不包括我想问的问题。如何制作适合所有尺寸的应用程序?我使用了以下 3 个工具——VS Studio、Expo、React-Native。我已经构建了一个适合我的屏幕尺寸的应用程序;但是当我在IOS(不同维度)、Android(不同维度)上测试时,一切都是乱七八糟的。这是可以理解的,因为我只是在边距、填充、宽度、高度等中输入数字。如何让这个应用程序自动调整到所有屏幕尺寸?请帮忙。这是我第一次制作 React-Native 应用程序。
在每个平台(Android 和 iOS)上使用 React Native 开发应用程序期间,您应该检查每个屏幕,因为它可以节省您的时间。您还应该在新应用程序开发开始时注意一些事情。比如响应式布局、网络连接检查、纵向和横向视图等……
这是制作适用于所有屏幕尺寸和尺寸的应用程序的方法。
您可以使用“react-native-responsive-screen”包来使用完全响应的 UI 元素。下面是那个包的 link。
https://www.npmjs.com/package/react-native-responsive-screen
这里还有一个 link,可以帮助您了解如何使用它。
https://medium.com/react-native-training/build-responsive-react-native-views-for-any-device-and-support-orientation-change-1c8beba5bc23
您可以使用 expo 查看下面 link 中的示例代码。
https://snack.expo.io/@ahmedmkamal/react-native-responsive-screen
谢谢。
所以,我很早就开始做这个应用程序了,现在已经完成了,不包括我想问的问题。如何制作适合所有尺寸的应用程序?我使用了以下 3 个工具——VS Studio、Expo、React-Native。我已经构建了一个适合我的屏幕尺寸的应用程序;但是当我在IOS(不同维度)、Android(不同维度)上测试时,一切都是乱七八糟的。这是可以理解的,因为我只是在边距、填充、宽度、高度等中输入数字。如何让这个应用程序自动调整到所有屏幕尺寸?请帮忙。这是我第一次制作 React-Native 应用程序。
在每个平台(Android 和 iOS)上使用 React Native 开发应用程序期间,您应该检查每个屏幕,因为它可以节省您的时间。您还应该在新应用程序开发开始时注意一些事情。比如响应式布局、网络连接检查、纵向和横向视图等……
这是制作适用于所有屏幕尺寸和尺寸的应用程序的方法。
您可以使用“react-native-responsive-screen”包来使用完全响应的 UI 元素。下面是那个包的 link。 https://www.npmjs.com/package/react-native-responsive-screen
这里还有一个 link,可以帮助您了解如何使用它。 https://medium.com/react-native-training/build-responsive-react-native-views-for-any-device-and-support-orientation-change-1c8beba5bc23
您可以使用 expo 查看下面 link 中的示例代码。 https://snack.expo.io/@ahmedmkamal/react-native-responsive-screen
谢谢。