React Native Modal visible prop ничего не делает

Question

Здравствуйте, я пытаюсь поместить простой модальный код реакции в свое собственное приложение реакции (запускать его на выставке), но он всегда виден. Когда я устанавливаю для свойства visible значение false, оно все равно отображается. Соответствующий код приведен ниже:

Основной компонент

import React, {Component} from 'react';
import {View, Text, Modal} from 'react-native';

class Home extends Component {
render() {
    return (
      <View>
        <Modal visible={false}>
          <Text>Test</Text>
        </Modal>
      </View>
    );
  }
}

пакет. json

"dependencies": {
    "expo": "~37.0.3",
    "react": "~16.9.0",
    "react-dom": "~16.9.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
    "react-native-web": "~0.11.7",
    "react-redux": "^7.2.0",
    "redux": "^4.0.5"
  },

В основном модальное окно всегда отображается, даже если для параметра visible установлено значение ложный. Я что-то здесь упустил?

Answer 1

Я пробую разными способами хочу найти проблему. Результат:

Кажется, не может работать правильно на шоу «веб-сайт», но работает на ios или Android эмуляторе.

Я пробую ваш код на Do c может работать, но в песочнице (веб-сайт) не может.

Возможно, вы могли бы попробовать другой эмулятор или Expo, кроме «веб-приложений», таких как «expo ios» или «экспо Android»?