We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Describe the bug Whenever i build the custom version of the toast message, while adding the fontFamily field the text1 didn't show the font.
Steps to reproduce Steps to reproduce the behavior:
fontFamily
Montserrat
Expected behavior Given font family should be shown
Screenshots
Code sample
export const toastConfig = { /* Overwrite 'success' type, by modifying the existing `BaseToast` component */ success: (props: any) => ( <BaseToast {...props} style={{borderLeftColor: '#B20000'}} contentContainerStyle={{ paddingHorizontal: 15, backgroundColor: '#252526', }} text1Style={{ fontSize: 15, fontFamily: 'Montserrat-Bold', color: '#F4F4F4', }} text2Style={{ fontSize: 13, fontFamily: 'Montserrat-Italic', color: '#F4F4F4', }} /> ), /* Overwrite 'error' type, by modifying the existing `ErrorToast` componentds */ error: (props: any) => ( <ErrorToast {...props} style={{borderLeftColor: '#B20000'}} contentContainerStyle={{ paddingHorizontal: 15, backgroundColor: '#252526', }} text1Style={{ fontSize: 15, fontFamily: 'Montserrat-SemiBoldItalic', color: '#F4F4F4', }} text2Style={{ fontSize: 13, fontFamily: 'Montserrat-Italic', color: '#F4F4F4', }} /> ), /* Or create a completely new type - `tomatoToast`, building the layout from scratch. I can consume any custom `props` I want. They will be passed when calling the `show` method (see below) */ tomatoToast: ({text1, props}: any) => ( <View style={{height: 60, width: '100%', backgroundColor: 'tomato'}}> <Text>{text1}</Text> <Text>{props.uuid}</Text> </View> ), };
i used here
const handleChangeTitle = (text: string) => { if(text.length>10){ Toast.show({ type: 'error', text1: 'Warning', text2: 'Title cannot exceed 10 characters', position: 'top', visibilityTime: 9000, topOffset: 20 }); }else{ setTitle(text); } };
Environment (please complete the following information):
Additional context The text2Style is working
The text was updated successfully, but these errors were encountered:
if you have custom font try to use fontWeight: "normal" or "400" for textStyle1
Sorry, something went wrong.
same issue, 1 hour wasted @maksym-kyryliuk thank you fontWeight: 'normal' did the trick. should be fixed, so annoying😑
fontWeight: 'normal'
No branches or pull requests
Describe the bug
Whenever i build the custom version of the toast message, while adding the fontFamily field the text1 didn't show the font.
Steps to reproduce
Steps to reproduce the behavior:
fontFamily
field to the desired value in my caseMontserrat
familyExpected behavior
Given font family should be shown
Screenshots
Code sample
i used here
Environment (please complete the following information):
Additional context
The text2Style is working
The text was updated successfully, but these errors were encountered: