React Native multi line Toast Message
Solution 1:
Pass these config in your toast config:
import Toast, {BaseToast, ErrorToast} from 'react-native-toast-message';
const toastConfig = {
success: (props) => (
<BaseToast
{...props}
style={styles.style}
contentContainerStyle={styles.contentContainerStyle}
text1Style={styles.text1Style}
text1NumberOfLines={2}
text2Style={styles.text2Style}
text2NumberOfLines={2}
/>
),
error: (props) => (
<ErrorToast
{...props}
style={[styles.style, styles.errorStyle]}
contentContainerStyle={styles.contentContainerStyle}
text1Style={styles.text1Style}
text1NumberOfLines={2}
text2Style={styles.text2Style}
text2NumberOfLines={2}
/>
),
};
<Toast config={toastConfig} ref={(ref) => Toast.setRef(ref)} />
Check this link for complete customization.