カメラに枠を追加するにはどうすればよいですか？

Question

反応したネイティブカメラビューのビューファインダーの中央に正方形のフレームを追加する必要があります。リポジトリにもその情報はありません。そこには質問も答えられていません。使用しているモジュール

Answer 1

？ react-native-cameraまたはreact-native-camera-kit？

react-native-cameraを使用する場合は、View（またはImage）をカメラコンポーネント内に配置するだけで、このビューを垂直方向と水平方向にスタイルを追加します。このよう

：

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>; 
    } 
}