将像素转换为百分比React-Native javascript

问题描述 投票:0回答:1

我正在 RN 上构建一个应用程序,但我犯了一个错误,将我的值以像素而不是百分比表示,以便它适合所有屏幕尺寸...... 有人可以帮我在 javascript 代码中将这些值转换为百分比吗?

按钮容器:{ flexDirection: '行', justifyContent: '空间之间', 宽度:'80%', 边距顶部:10, }, 箭头按钮:{ 填充:10, 水平边距:'50%', 左边距: '0%', }, 箭头图像:{ width: 60, // 根据需要调整宽度 height: 40, // 根据需要调整高度 右:“30%”, 水平边距: '10%', 顶部:'150%', }, 选择按钮:{ marginBottom: '10%', 垂直填充:10, 水平填充:20, 背景颜色: '#007BFF', 边框半径:8, 左:“1%”, },

javascript react-native pixel percentage
1个回答
0
投票

晚上好,

您应该将代码包装到代码框中(使用 CSS 语法突出显示效果更好)。 ;)

要将绝对值转换为百分比值,我们必须知道周围的代码/布局/大小。例如:将宽度/高度设置为 100% 时,子级与父级一样大。

因此需要更多有关此信息的信息,还是我在这里让您完全错了?

致以诚挚的问候

© www.soinside.com 2019 - 2024. All rights reserved.