React native react native中的响应行为与样式化组件

我一直在试图找到一种方法，根据屏幕的大小来调整大小，并在屏幕上添加/删除内容。 在react本机媒体查询不存在的情况下，em/rem也不存在大小查询，任何人都可以通过实现布局来分享他们的经验，例如：

• 在小屏幕上显示一个按钮，但在表中显示3个按钮
• 在小屏幕上，字体大小为16，但在表格中应为24

---

欢迎来到SO。为了响应，我一直在使用这个库，它非常简单。假设您有一个高度为100、宽度为200的组件，，屏幕大小为360*640。因此，您需要将高度和宽度替换为

height:hp("15.6%") // 100/640 = 15.6
width:wp("55.5%") //200/360 = 55.5

否则，如果不想使用任何库，可以使用React native的维度

import {DImensions} from react native;
const deviceWidth = Dimensions.get("window").width;
const deviceHeight = Dimensions.get("window").height;

在那之后使用高度，比如

height:0.156*deviceHeight 
width:0.55*deviceWidth

---

希望它能有所帮助
我确实遇到了解决其中一个问题（尺寸）的软件包，但不是在屏幕上添加/删除元素的部分，仍然感谢您的输入欢迎使用！Cal你告诉我们你试过什么我们可以帮你？