[ BUG ] DialogDescription error

[Maxx59]

How to place two elements next to each other in <DialogContent>?

This

<View className="flex-row items-center">
  <Pause size={18} className="text-foreground mr-2" />
  <Text>Pause</Text>
</View>

displays

This

<DialogDescription>
  <Pause size={18} className='text-foreground' /> 
  <Text>Pause</Text>
</DialogDescription>

displays

but can't add space between text and icon, gap, items-center, justify-center

[mcometa]

You can pass className to DialogDescription. You can also put the whole View inside.

[Maxx59]

You can pass className to DialogDescription. You can also put the whole View inside.

It doesn't work when I pass items-center, flex-col, etc to DialogDescription.

when I wrap in a View

<DialogDescription>
  <View>
    <Pause size={18} className='text-foreground' /> 
    <Text>Pause</Text>
  </View>
</DialogDescription>

it displays

[Maxx59]

<DialogDescription>
  <View>
    <Pause size={18} className='text-foreground' /> 
    <Text>Pause</Text>
  </View>
</DialogDescription>

This now works... I don't know how

But there is this error:
ERROR Warning: Text strings must be rendered within a <Text> component.

(passing className to DialogDescription still doesn't work)

[mrzachnugent]

The DialogDescription is a Text component, you should only pass a string or another <Text/> component as its children.