Question

我正在为我的应用程序使用React Native Camera，我遇到了一个奇怪的问题。

这是我的代码：

<View flex>
    <RNCamera ref={ref=> { this.camera = ref; }} style={{flex : 1}} type={this.state.cameraType} flashMode={RNCamera.Constants.FlashMode.on} permissionDialogTitle={'Autorisation de l\'appareil photo'} permissionDialogMessage={'Nous avons besoin de votre permission pour accéder à l\'appareil photo.'} zoom={0} ratio={'16:9'} focusDepth={0} />
    <View style={{ position: 'absolute', width: 75, height: 75, top: this.state.currentHeight / 2.2, bottom: 0, right: 37, zIndex: 1 }}>
        <TouchableOpacity centerH onPress={this.takePicture.bind(this)}>
            <Image style={{ width: 75, height: 75 }} source={{ uri: "cameraButton" }} />
        </TouchableOpacity>
    </View>
    <View style={{ position: 'absolute', width: 50, height: 50, top: this.state.currentHeight / 2.9, bottom: 0, right: 50, zIndex: 1, backgroundColor: "white", borderRadius: 100 / 2, }}>
        <View flex center>
            <TouchableOpacity onPress={ ()=> { this.setCameraType() } }>
                <Image style={{ width: 35, height: 35 }} resizeMode="contain" source={{ uri: "camera-flip" }} />
            </TouchableOpacity>
        </View>
    </View>
    <View style={{ position: 'absolute', width: 95, height: 75, top: this.state.currentHeight / 1.1, bottom: 0, right: 30, zIndex: 1 }}>
        <View flex center>
            <TouchableOpacity onPress={ ()=> { this.props.modalManager('camera') } }>
                <Text bigText style={{ color: "white", fontWeight: 'bold' }}>Annuler</Text>
            </TouchableOpacity>
        </View>
    </View>
</View>

目的是将预览相机图像放在所有屏幕尺寸上（使用flex）我的预览工作正常，但与默认的IOS相机相比，图像看起来有点放大。你知道我能做些什么吗？

React原生相机 - 默认预览似乎放大了IOS

0 个答案: