Проблема с реакцией родной библиотеки лайтбоксов

Question

Я использую react-native-lightbox. Я не могу решить две проблемы с библиотекой.

1. Failed опора типа: Опора «onRequestClose» помечен в соответствии с требованиями «Modal», но его значение «undefined'.How удалить это предупреждение?

2. Как отобразить изображение в центре? Он отображается сбоку, как показано на изображении.

код выглядит следующим образом:

export default class LightBoxImage extends Component { 

    render() { 
     return (
     <View> 
      <Lightbox underlayColor="white"> 
      <Image 
       source={{uri: data.url}} 
      /> 
      </Lightbox> 
     </View> 
    ); 
    } 
    } 

Answer 1

Для удаления onRequestClose предупреждения вы должны предоставить его как свойство для компонента Lightbox:

import _ from 'lodash'; 
... 
<Lightbox onRequestClose={_.noop}> 

О центрирование изображения, оберните компонент Image внутри View со следующими стилями:

flex: 1, 
alignItems: 'center', 
justifyContent: 'center' 

И он должен работать