Question

我开始使用ui小猫。我正在尝试更改TopNavigation leftControl的图标大小。我为arrow-ios-back-outline图标使用了TopNavigationAction，但是它看起来比iOS上的普通后退箭头小，因此我尝试通过向图标添加size属性来更改大小

这是我的renderLeftControl代码：


const renderedIcon = props => {
  return <Icon name="arrow-ios-back-outline" size={200} {...props} />;
};

const renderLeftControl = ({
  onCommand,
  ...iucProps
}): React.ReactElement<TopNavigationActionProps> => {
  return (
    <TopNavigationAction
      style={{ backgroundColor: "magenta" }}
      icon={renderedIcon}
      onPress={onCommand}
    />
  );
};

不幸的是，由于该图标总是以相同的大小呈现，因此似乎完全忽略了道具。

我想我做错了方法，但是我正在努力寻找正确的方法。

有人可以帮助我吗？

提前谢谢

Answer 1

您要使用的图标依赖于react-native-svg元素，因此在这种情况下，您可以使用width和height属性。另外，请参见其他common properties

如何更改TopNavigationAction图标的大小

1 个答案: