如何使React本机图标大小灵活？

Question

我正在使用Expo构建一个ReactNative iOS / Android应用程序，我想在某些艺术品中使用矢量图标。问题是有问题的艺术品需要随视图缩放，我不希望它在某些设备上过小或在其他设备上过大。

理论上，有了图像，我可以使用style = { { width:'100%', aspectRatio: 1 } }强制事物表现。 （理论上，我说是因为它不能始终如一地工作）

矢量图标有相似之处吗？现在，我只是选择一个或多或少可以工作的尺寸数字，但是我不想让它停止在给定的尺寸上工作，似乎我在重复使用固定宽度的错误，其他一些屏幕，直到我修复它为止。

Answer 1

您可以使用“尺寸”： 从react native导入尺寸，然后使用它来设置图片的大小

import {Dimensions} from 'react-native'
const SCREEN_WIDTH = Dimensions.get("window").width;
const logo = require("logo.png");

在渲染中：     

然后设置图像样式：

const styles = StyleSheet.create({
logo: {
height: SCREEN_WIDTH * 0.65,
width: SCREEN_WIDTH * 0.65,
marginLeft: SCREEN_WIDTH * 0.2

}}）