Cannot resize icon

[talentlessguy]

Describe the bug
Icon size is not being changed using pixmap

To Reproduce
Steps to reproduce the behavior:

1. git clone https://github.com/talentlessguy/QuarkPlayer
2. Run yarn && yarn dev in one window, yarn start in another window
3. See icon size is not being changed

Expected behavior
I expected for icon to increase its size by changing width and height

Screenshots

Desktop (please complete the following information):

• OS: Manjaro Linux x86_64
• NodeGUI version: 0.5.1
• React NodeGUI version: 0.2.2
• OS Version: Plasma 5.17.2

Additional context

Code snippet where I try to resize icon:

import { QIcon } from '@nodegui/nodegui'
import icon from '../../assets/play.png'

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

Icon.pixmap(100, 100)

[a7ul]

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

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

[talentlessguy]

@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:

[a7ul]

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

[talentlessguy]

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

awesome! looking forward to this feature

[talentlessguy]

@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?

[a7ul]

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.

[a7ul]

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

[talentlessguy]

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

[a7ul]

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>
  );
};

[ADARSHYODHA]

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