javascript — Формирование и стилизация правильного диалогового окна или окна с предупреждением с помощью React-native модального

Формирование и стилизация правильного диалогового окна или окна с предупреждением с помощью React-native модального

Я хочу сделать общее диалоговое окно с помощью реагировать родной модал. Я сделал код следующим образом:

 {amp}lt;Modal isVisible={isModalVisible} style={styles.modalStyle} {amp}gt; {amp}lt;Text{amp}gt;Hello World!{amp}lt;/Text{amp}gt; {amp}lt;/Modal{amp}gt; 

И ниже стиль упоминается:

 const styles = StyleSheet.create({ modalStyle : { top : '50%', left : '50%', right : 'auto', bottom : 'auto', marginRight : '-50%', }, } 

Но модальный диалог занимает весь экран!

Я также попытался изменить код для:

 {amp}lt;Modal{amp}gt; {amp}lt;View style={{ flex: 1, top: 50%, left: 50%, width: 70%, height : 50% }}{amp}gt; {amp}lt;Text{amp}gt;Hello World!{amp}lt;/Text{amp}gt; {amp}lt;/View{amp}gt; {amp}lt;/Modal{amp}gt; 

удаление стиля в модале. Но все тот же результат!

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector