maicongilton / react-native-customisable-alert Goto Github PK
View Code? Open in Web Editor NEWA customisable alert for React Native
License: MIT License
react-native-customisable-alert's People
Stargazers
Watchers
react-native-customisable-alert's Issues
Cant change btnStyle
I need to create a window with a one call place, so custom alerts don't work for me.
I tried to implement the window call using this method:
export async function openModal(title: string, text: string, cancelText: string, continueText: string): Promise<boolean> {
return new Promise((resolve) => {
showAlert({
customIcon: 'none',
dismissable: true,
title: title,
message: text,
leftBtnLabel: cancelText,
btnLabel: continueText,
alertType: 'warning',
onPress: () => {
closeAlert();
resolve(true);
},
onDismiss: () => {
closeAlert();
resolve(false);
},
})
});
}And I'm using CustomizableAlert with modified styles, but I can't change buttons style in any way.
<CustomisableAlert
titleStyle={{
fontSize: 18,
fontWeight: 'bold',
color: 'white',
textAlign: 'left',
}}
textStyle={{
color: 'white',
textAlign: 'left',
paddingTop: 16,
}}
alertContainerStyle={{
backgroundColor: '#2B2930',
padding: 24,
borderRadius: 28,
}}
btnLabelStyle={{
color: 'white',
}}
btnStyle={{
style: {
backgroundColor: 'transparent',
margin: 0,
padding: 0,
}
}}
/>```containerStyle's background color sets the backdrop color instead of the dialog color.
given this style:
containerStyle: {
backgroundColor: "red"
}
the backdrop color of the modal turns red instead of the alert box color.
How to show alert on Modal ?
Use case : In a component screen we have multiple modals implemented these have forms ,we tried to "showAlert" but is hiding behind the other modals.
Show alert is not working after i logout from the app and reset the stack and then try to login again then show alert is not working
const loggedOut = async () => {
// setModalVisible(!modalVisible);
AsyncStorage.removeItem('userID');
AsyncStorage.removeItem('profileCompletedStep');
AsyncStorage.removeItem('first_welcome');
AsyncStorage.removeItem('isUserMobileNumberVerified');
navigation.reset({
index: 0,
routes: [{name: 'LoginStack'}],
});
};
Remove title
how can i remove tittle from alert
like this but it display "Title"
///
showAlert({
visible: true,
title: '',
message: translate('customAlert.lbl_are_you_sure'),
alertType: 'warning',
onPress: () => {
BackHandler.exitApp(), setAlertVisible(false);
closeAlert();
},
onDismiss: () => {
closeAlert();
setAlertVisible(false);
},
btnLabel: translate('customAlert.btn_Exit'),
leftBtnLabel: translate('customAlert.btn_Dismiss'),
});
After exiting the alert, render again
After exiting the alert, the alert is displayed again for a short while, possibly the App.jsx is rendered alert again for a short time. Is there a way to solve this problem?
I can not show multiple modals on same screen
I need to show at least 3 modals on same screen. Can I define a rendering priority to the modals and have them one by one on the screen ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.