通过导航器打开 2 次时，react-native-camera 冻结应用程序

Question

我在包含在简单 <Navigator /> 组件内的视图中使用 https://github.com/lwansbrough/react-native-camera 库。

一切都按预期工作，直到您导航回主页视图并尝试使用 <Camera /> 重新加载视图。控制台或 Xcode 中没有错误消息，这使得查明问题变得非常困难。

当我删除整个 <Camera /> 组件时，导航按预期工作并且视图重新加载正常。

目前 github https://github.com/lwansbrough/react-native-camera/issues/80 上有一个未解决的问题，但由于时间紧迫，我想知道是否有其他人找到了解决此问题的方法并可以共享修复程序。

标准渲染方法：

render() {

    return (
        <View style={styles.outer}>

            <Overlay
                modalVisible={this.state.modalVisible}
                />

            <Camera
                ref="cam"
                style={styles.container}
                captureTarget={Camera.constants.CaptureTarget.disk}
                type={this.state.cameraType}>

                <TouchableHighlight style={styles.circlebutton} onPress={this._takePicture}>
                    <Text>Take Picture</Text>
                </TouchableHighlight>
            </Camera>

            <Image
                source={{uri: this.state.imageURI, isStatic:true}}
                style={{width: this.state.imageURI ? 100 : 0, height: this.state.imageURI ? 100 : 0, opacity: this.state.imageURI ? 1 : 0}}
                />
        </View>
    );
}

Answer 1

试试这个：

在 Xcode 上，转到 RCTCamera.xcodeproj（这是 React 本机库之一）

在RCTCameraManager.h

添加属性 @property (nonatomic, strong) RCTCamera *camera;

在RCTCameraManager.m

- (UIView *)view
{
    return [[RCTCamera alloc] initWithManager:self bridge:self.bridge];
}

替换为：

- (UIView *)view
{
    if(!self.camera){
        self.camera = [[RCTCamera alloc] initWithManager:self bridge:self.bridge];
        return self.camera;
    }
    return self.camera;
}

希望对您有所帮助。

通过导航器打开 2 次时，react-native-camera 冻结应用程序

react-native-camera freezes app when opened 2 times via navigator

javascript

camera

ios

react-native