1

uikittenを使い始めました。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使用できます。また、他の一般的なプロパティを参照してくださいwidthheight

于 2019-09-21T19:41:45.640 に答える