Closed gang89 closed 6 years ago
Hi, Am facing an issue where alertType is success and when there is stylesheetSuccess applied, titleStyle and MessageStyle (where color: 'white') is not applied. Any advise?
showInAppAlert(title, message, callbackFunction){ MessageBarManager.showAlert({ title : title, message: message, alertType: 'success', avatar:<${this.state.userIcon.uri}>, duration : 20000, viewTopOffset : 0, viewTopInset : 20, onTapped:()=>{callbackFunction()}, stylesheetSuccess : { backgroundColor: '#32A54A', fontSize: 16}, titleStyle : { color : 'white', fontSize : 16, fontFamily : Fonts.type.bold, fontWeight : 'bold', marginBottom : 2, }, messageStyle : { color : 'white', fontFamily : Fonts.type.base, fontSize : 14, marginBottom : 2 }, avatarStyle: { height: 40, width: 40, borderRadius: 20 }, messageNumberOfLines : 5, }); }
showInAppAlert(title, message, callbackFunction){ MessageBarManager.showAlert({ title : title, message: message, alertType: 'success', avatar:
, duration : 20000, viewTopOffset : 0, viewTopInset : 20, onTapped:()=>{callbackFunction()}, stylesheetSuccess : { backgroundColor: '#32A54A', fontSize: 16}, titleStyle : { color : 'white', fontSize : 16, fontFamily : Fonts.type.bold, fontWeight : 'bold', marginBottom : 2, }, messageStyle : { color : 'white', fontFamily : Fonts.type.base, fontSize : 14, marginBottom : 2 }, avatarStyle: { height: 40, width: 40, borderRadius: 20 }, messageNumberOfLines : 5, }); }
So, what was the solution?
Hi, Am facing an issue where alertType is success and when there is stylesheetSuccess applied, titleStyle and MessageStyle (where color: 'white') is not applied. Any advise?
showInAppAlert(title, message, callbackFunction){ MessageBarManager.showAlert({ title : title, message: message, alertType: 'success', avatar:
<${this.state.userIcon.uri}>, duration : 20000, viewTopOffset : 0, viewTopInset : 20, onTapped:()=>{callbackFunction()}, stylesheetSuccess : { backgroundColor: '#32A54A', fontSize: 16}, titleStyle : { color : 'white', fontSize : 16, fontFamily : Fonts.type.bold, fontWeight : 'bold', marginBottom : 2, }, messageStyle : { color : 'white', fontFamily : Fonts.type.base, fontSize : 14, marginBottom : 2 }, avatarStyle: { height: 40, width: 40, borderRadius: 20 }, messageNumberOfLines : 5, }); }