Change borderRadius in ContextMenu.Preview

[tanlucvo]

I use borderRadius but it not work

Screen.Recording.2023-08-26.at.21.03.52.mov

[tanlucvo]

<View style={{ width: 80, height: 80, borderRadius: 40 }}>
  <DropdownMenu.Root style={{ width: 80, height: 80, borderRadius: 40 }}>
    <DropdownMenu.Trigger action="press">
      <Image source={{uri:"https://picsum.photos/400/400"}} style={{ width: 80, height: 80, borderRadius: 40 }} />
    </DropdownMenu.Trigger>
    <DropdownMenu.Content style={{ borderRadius: 100 }}>
      <DropdownMenu.Preview>
        <Image source={{uri:"https://picsum.photos/400/400"}}  style={{ width: 200, height: 200, borderRadius: 100 }} />
      </DropdownMenu.Preview>
    </DropdownMenu.Content>
  </DropdownMenu.Root>
</View>

[nandorojo]

border radius needs to get passed as a prop to the preview

[tanlucvo]

I try use prop borderRadius in preview, It seems not work

Screen.Recording.2023-08-26.at.21.34.45.mov

<DropdownMenu.Root style={{ width: 80, height: 80, borderRadius: 40 }}>
  <DropdownMenu.Trigger>
    <AsyncImage uri={'https://picsum.photos/400/400'} style={{ width: 80, height: 80, borderRadius: 40 }} />
  </DropdownMenu.Trigger>
  <DropdownMenu.Content>
    <DropdownMenu.Preview borderRadius={100} backgroundColor="#ff0000">
      <AsyncImage uri={'https://picsum.photos/400/400'} style={{ width: 200, height: 200, borderRadius: 100 }} />
    </DropdownMenu.Preview>
  </DropdownMenu.Content>
</DropdownMenu.Root>

[nandorojo]

might be a bug of the upstream ios library. but also, your usage of preview looks wrong. it receives a function as a child

[nandorojo]

for the record, you only need to use the preview if it has a different view than the trigger. if it’s the same view, you can leave the preview out

[mikescott]

I'm having the same issue.

Expo SDK: 49

React Native: 0.72.1

iOS: 15 and 16

borderRadius has no effect on ContextMenu.Preview

[nandorojo]

interesting, i’m thinking it’s an issue with the upstream library. does setting it to 0 work? i wonder if there’s a max or not

[ushan-swivel]

anyone found a solution?

[nandorojo]

Can you open an issue on the upstream iOS library?