No shadows in web

[m4tf3r]

Hello, I tried to put shadow around RX.View and RX.Button, with:
style={{shadowOpacity: 1, shadowRadius: 10, shadowColor: 'black', shadowOffset: {width: 10, height: 10}}}
but no shadow is displayed in the browser (I only tested web for now).
ReactXP version is 2.0.0. Using inspector in the browser (tried Firefox and Chromium) I cannot find any css property regarding shadows on the View or Button that should have them.

[m4tf3r]

Is it a bug? I tried with a project created with create-rx-app and also with the TodoList example but no shadows anyway.

[catalinmiron]

You need to use RX.Styles.createViewStyle({}) or RX.Styles.createButtonStyle({}) to apply styles.

[m4tf3r]

Thank you, it works doing as you say. However if ReactXP styles are meant to be defined with those functions, shouldn't style properties only accept types produced by them? It is misleading that the type system gives no error when passing shadow properties in a plain object, if they can't work like that.

[fbartho]

@m4tf3r -- the "plain object" passing is an escape hatch I believe -- if you want strongly typed styles, you can do that using RX.Styles.create*Style

I could be wrong here though, maybe @mikehardy can explain better?

[fbartho]

I'm not sure if there's an action item for ReactXP here -- what do we need to do?