Skip to content

Snackbar dosent wrap long text to multiline, if children is a view with icon + text #3360

@jimitshah-dp

Description

@jimitshah-dp

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>

Screenshot 2022-09-07 at 12 48 31 AM

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions