Формирование и стилизация правильного диалогового окна или окна с предупреждением с помощью 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;
удаление стиля в модале. Но все тот же результат!