import myImage from '../../myImage.png';
<Image src={myImage} />
<Image src={myImage} style={{height: 64, width: 64}} />
style={{height: '64px', width: '64px'}}
64em :D
How correctly handle "back" button?
I do this:
class AppComponent extends React.PureComponent {
handleKeyDown = (event) => {
add('back', 461);
if (is('back')(event.keyCode)) {
// set route to my home page
}
};
render() {
<Row onKeyDown={this.handleKeyDown}>...</Row>
}
}But expression if (is('back')(event.keyCode)) always false and app exit, when I press back button.
What wrong with it?
appinfo.json that tells webOS you’ll handle the back key.
is(‘back’, event.keycode)
MoonstoneDecorator the cancel key is added already.
I wrote my class like this:
class AppComponent extends React.PureComponent {
componentDidMount() {
window.addEventListener('keydown', (inEvent) => {
let keycode = null;
if(window.event) {
keycode = inEvent.keyCode;
} else if(inEvent.which) {
keycode = inEvent.which;
}
switch (keycode) {
case 461:
console.log('all ok');
break;
}
});
}
handleKeyDown = (event) => {
if (is('back')(event.keyCode)) {
// set route to my home page
}
};
render() {
<Row onKeyDown={this.handleKeyDown}>...</Row>
}
}
export const App = MoonstoneDecorator(
connect(mapStateToProps, mapDispatchToProps)(AppComponent),
);I found my problem: in my handler functionhandleKeyDown = (event) => { -event is awlays undefined. But I yet don't know why.
But in window.addEventListener('keydown', (inEvent) => { all ok.
handle https://enactjs.com/docs/modules/core/handle/
or use kind https://enactjs.com/docs/modules/core/kind/
or
window.addEventListener('keydown', (inEvent) => {?
@adriancocoara
Hello again! I have another question about VirtualGridList. I have a verticalScrollbar for my list, and i want to give it some custom styling. Is there a way to add a className for verticalScrollbar. Enact docs says that I can only give it "auto", "hidden", "visible". Thank you and have a nice weekend! :)
Hello! Unfortunately we did not provide any way to customize the scroll bar. The only current way to do it is... just using DOM selectors and defining your styles with them.
