最佳答案
您使用的是哪个模块? react-native-camera
还是 react-native-camera-kit
?
如果你使用 react-native-camera
只需将 View
(或 Image
)放在 Camera 组件中,然后将样式添加到垂直和水平对齐此 View 。
像这样:
const styles = {
container: {
flex: 1,
},
camera: {
flex: 1,
// These below are most important, they center your border view in container
// ref: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
alignItems: "center",
justifyContent: "center"
},
borderImage: {
// Your styles for image, or custom borders
},
}
class Component extends React.Component {
...
render(){
return <View style={styles.container}>
<Camera style={styles.camera}>
<Image style={styles.borderImage} source={require("./img/qrBorder.png")} />
</Camera>
</View>;
}
}
关于react-native-camera - 如何在相机中添加边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45518740/