dynamic sized toast based on content

[bj97301]

No description provided.

[Steven-MKN]

Hey fellows, any reason this has not been merged yet?

[bj97301]

Hey fellows, any reason this has not been merged yet?

Not sure... @tgmarinho any insights?

[zkteco-home]

when merge it?

[lucksp]

This would resolve #539

[calintamas]

I think we can keep the values, but as minWidth and minHeight

[davru]

This can be done by using BaseToast "style" and "contentContainerStyle" props

const Toast = (props) => {
  return <BaseToast
    {...props}
    text1NumberOfLines={0}
    text2NumberOfLines={0}
    contentContainerStyle={styles.contentContainer}
    style={styles.base}
  />
}

const styles = StyleSheet.create({
  base: {
    minHeight: 60,
    minWidth: 340,
    width: undefined,
    height: undefined,
    paddingVertical: 16,
  },
  contentContainer: {
    paddingHorizontal: 20,
  },
});

[Steven-MKN]

@davru Certainly there are workarounds, thanks for this one. But it does not discount that this is a bug tbh, UI elements need to be responsive