使用react本机灯箱库时出现问题

时间:2017-01-29 13:40:25

标签: react-native react-native-lightbox

我正在使用react-native-lightbox。我无法解决图书馆的两个问题。

  1. 失败的道具类型:道具'onRequestClose'被标记为“模态”中的要求。但其价值未定义'。如何删除警告?

  2. 如何在中心显示图像?它显示在侧面,如图所示。

  3. enter image description here

    代码如下:

      export default class LightBoxImage extends Component {
    
        render() {
          return (
            <View>
              <Lightbox underlayColor="white">
                <Image
                  source={{uri: data.url}}
                />
              </Lightbox>
            </View>
          );
        }
      }
    

1 个答案:

答案 0 :(得分:2)

要删除onRequestClose警告,您应该将其作为组件Lightbox的属性提供:

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

关于图像居中,将Image组件包含在具有以下样式的View内:

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

它应该可行