Ah it works again, I screwed up some script tag

I am looking at your PR now. A small adjustment: if you write a component name, don't use the keywords, use Pressable. This will also make the function "used" for the linter: Note that I wrote :View here but changed the rest:

I will make these adjustments and then merge the PR manually

Now for your request, let me take a look if I understand it

What is the non-sugared equivalent of

style={[styles.button, { backgroundColor: "#fff" }]

merge or assoc )

but in JS?

I don't know what the above compiles into

i don’t no about js too, maybe it doesn’t exists

This does compile into JavaScript in the end right?

let me ask another way: what is the semantics of the above

you copy styles.button but add another key?

it merges styles

Why don't they write this as:

{...styles.button, backgroundColor: '#fff'}

:man-shrugging:

In squint we have:

{:& (.-button styles) :backgroundColor "#fff"}

I think this creates a new object and loses the magic of using StyleSheet, which caches styles for reuse

ok, I'll play around locally to see how it works

I think it’s not such a big problem,

{:& (.-button styles) :backgroundColor "#fff"}

except that it doesn't work yet in a nested fashion I notice now

let me see if I can fix that

I think there is no need for nesting here at all. For nesting there is special method in StyleSheet

nesting as in: {:style {:& styles.button ...}}

it only works in the outer map right now

it more complex situations better use

const text = StyleSheet.compose(page.text, lists.listItem);

where can I find documentation about this syntax?

style={[styles.button, { backgroundColor: "#fff" }]

I think it's a different case than the spread one

https://reactnative.dev/docs/stylesheet

where on that page is the description of the syntax?

I haven’t seen a description of this particular syntax anywhere, but it appears everywhere

i try to translate to squint this example https://docs.expo.dev/tutorial/build-a-screen/

@U5B5BAVB6 try this:

{:style (do [styles.container {:backgroundColor "#aff"}])}

It seems to be interpreting the value as another jsx tag because it's a vector

which is probably a bug

but when you wrap it in a do it will treat it like a normal value

1 sec

it works!!

@U5B5BAVB6 should be fixed in v0.4.61