Cannot resize icon about react-nodegui HOT 10 CLOSED

Actually yes.
You could add a ref to the react-nodegui component

like so:

const buttonRef = React.createRef<QPushButton>();
useEffect(()=>{
   buttonRef.current.setIconSize(new QSize(23,23));
},[]);
...
...
<Button ref={buttonRef} />

The ref would contain the QPushButton which is the nodegui version of the button component.

Make sure you have the latest version of nodegui to use setIconSize.

from react-nodegui.

iconSize prop is now available in 0.2.7 of react-nodegui for button, checkbox and radiobuttons

from react-nodegui.

Something like this :

import React from "react";
import { Renderer, Button, Window, View } from "@nodegui/react-nodegui";
import { QIcon, QSize } from "@nodegui/nodegui";

const icon = new QIcon(
  "/Users/atulr/Project/nodegui/react-nodegui/extras/assets/nodegui_white.png"
);

const App = () => {
  return (
    <Window>
      <View>
        <Button
          text={"Hello"}
          icon={icon}
          iconSize={new QSize(200, 200)}
        />
      </View>
    </Window>
  );
};

from react-nodegui.

Could you try const newIcon = Icon.scaled(width, height); ? @talentlessguy

https://docs.nodegui.org/docs/api/QPixmap#pixmapscaledwidth-height-aspectratiomode

from react-nodegui.

@master-atul

const Icon = new QIcon(`${__dirname}/${icon}`)

Icon.scaled() // trying to call the method

Property 'scaled' does not exist on type 'QIcon'.

When I try to use QImage instead:

from react-nodegui.

Alright, seems like a missing functionality. Will add it in the next release. @talentlessguy

from react-nodegui.

Alright, seems like a missing functionality. Will add it in the next release. @talentlessguy

awesome! looking forward to this feature

from react-nodegui.

@master-atul

while this functionality is being implemented in react-nodegui, is it possible to achieve it with plain nodegui with combination of react-nodegui?

from react-nodegui.

iconSize prop is now available in 0.2.7 of react-nodegui for button, checkbox and radiobuttons

How can I use it? Please give an example

from react-nodegui.

Hello @a7ul
Can u tell me how can we make a messagebox or alertbox in react-nodegui

from react-nodegui.