1

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

这是我的 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}
    />
  );
};

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

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

有谁能够帮我？

先感谢您

4

1 回答 1

1

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

于 2019-09-21T19:41:45.640 回答