Can't make the toast message uses the whole screen width

Describe the bug In previous versions I could set the width of the toast message to 100% and the messages uses the whole screen width. Since the version 2 this does not work anymore.

Steps to reproduce Steps to reproduce the behavior:

1. Add the Toast component to your app and add a custom success component based on the BaseToast component.
2. Add a custom style to make the width to 100%
3. Open the toast message
4. The message is very small and not readable (see screenshot)

Expected behavior The message should be use the whole size of the screen without any free space left or right.

Screenshots

Code sample

<Toast
  config={{
    success: (props) => (<BaseToast {...props} style={{ width: '100%' }} />)
  }}
/>

The sizing only works when using explicit width like width: 200.

Environment (please complete the following information):

• OS: iOS
• react-native-toast-message version: v2.0.2
• react-native version v0.66.3

[calintamas]

Fixed in v2.1.0.

It should be possible to have a full width Toast via:

<BaseToast style={{ width: '100%' }} />

Or change its alignment:

<BaseToast style={{ alignSelf: 'flex-end' }} />

[calintamas]

I’ll have to check though, maybe it could be supported. I think it’s the container style which breaks it