如何更改 TopNavigationAction 图标大小答案

【问题标题】：How can I change the TopNavigationAction icon size如何更改 TopNavigationAction 图标大小
【发布时间】：2019-09-09 03:42:30
【问题描述】：

我开始使用 ui kitten。我正在尝试更改TopNavigationleftControl 图标的大小。我将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}
    />
  );
};

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

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

谁能帮帮我？

提前谢谢你

【问题讨论】：

尝试在<Icon>上使用fontSize css属性
不走运@Farhan。它仍然始终以相同的大小呈现图标。同样重要的是要注意图标集是基于 svg 的，所以我认为 fontSize 可能没有使用选项。还是谢谢你。
TopNavigationAction 是什么？你的自定义顶栏？？
这是来自react-native-ui-kitten的组件

标签： react-native react-native-ui-kitten

【解决方案1】：

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

【讨论】：