Is your feature request related to a problem? Please describe.
If Snackbar in V5.0.0-rc.4, is given a view which contains Left aligned icon and right aligned Text, and if the text is long, it doesn't wrap to next line and it overflows out of snackbar
Describe the solution you'd like
It should behave same as when we only give text, by default it wraps to next line.
Describe alternatives you've considered
If its not wrapped in a view, the icon and text renders, but the alignment are off, as it does not adhere to any margin props between icon and text
Additional context
Example Code:
<Snackbar> <View style={{ flexDirection: 'row', alignItems: 'center', }} > <Icon name={iconToUse} size={20} style={[styles.mr14, containerClasses]} /> <Text>Error Message which is veryyyy longggggggg</Text> </View> </Snackbar>

Is your feature request related to a problem? Please describe.
If Snackbar in V5.0.0-rc.4, is given a view which contains Left aligned icon and right aligned Text, and if the text is long, it doesn't wrap to next line and it overflows out of snackbar
Describe the solution you'd like
It should behave same as when we only give text, by default it wraps to next line.
Describe alternatives you've considered
If its not wrapped in a view, the icon and text renders, but the alignment are off, as it does not adhere to any margin props between icon and text
Additional context
Example Code:
<Snackbar> <View style={{ flexDirection: 'row', alignItems: 'center', }} > <Icon name={iconToUse} size={20} style={[styles.mr14, containerClasses]} /> <Text>Error Message which is veryyyy longggggggg</Text> </View> </Snackbar>