Question

我正在实现react-native-functionality功能，并尝试对其进行测试以确保其正常工作。这是我的代码：

return (
                <View style={styles.container}>
                    <RNCamera
                        ref={ref => {
                            this.camera = ref;
                        }}
                        style = {styles.preview}
                        type={RNCamera.Constants.Type.back}
                        flashMode={RNCamera.Constants.FlashMode.on}
                        permissionDialogTitle={'Permission to use camera'}
                        permissionDialogMessage={'We need your permission to use your camera phone'}
                    />
                    <View style={{flex: 0, flexDirection: 'row', justifyContent: 'center',}}>
                        <TouchableOpacity
                            onPress={this.takePicture.bind(this)}
                            style = {styles.capture}
                        >
                            <Text style={{fontSize: 14}}> SNAP </Text>
                        </TouchableOpacity>
                    </View>
                </View>
            );

我正在MacBook上对其进行测试，我以react-native run-ios的身份运行该应用。当我进入通过react-native-camera软件包加载相机的屏幕时，只有 SNAP 按钮可以看到黑屏。

当我单击该按钮时，什么也没有发生，但是在控制台中，我看到已经记录了数据记录-这是一个示例：

file：/// Users / adam / Library / Developer / CoreSimulator / Devices / F1FDE7B1-40C6-4B83-9C17-C9EB74101FE2 / data / Containers / Data / Application / 03F010DB-B06B-4B3A-8216-19256F168A66 / Library /缓存/相机/BBF2EA02-2BD2-42EB-ADED-4303F01A1B9C.jpg

据我从多篇文章中了解到，这是React Native默认保存通过此程序包拍摄的所有照片的缓存。但是，当我打开该文件夹时，看不到图像-怎么了？我想念什么？我查看了软件包的权限，但是没有说明设置iOS（OSX）的任何权限。

还有一件事-如何从笔记本电脑测试相机？我运行模拟器，单击 SNAP 按钮，但是我将始终只能看到黑屏，因为我无法在MacBook上模拟真实的电话设备，对吗？因此，要测试相机功能，我是否仅需要将应用程序移动到手机并在那里进行测试？

提前谢谢

react-native-camera：如何测试功能？

0 个答案: