摄像机视图 react-native-camera 手机开发工具

最新推荐文章于 2025-07-25 16:25:51 发布

转载最新推荐文章于 2025-07-25 16:25:51 发布 · 3k 阅读

【React-Native2点滴知识】专栏收录该内容

698 篇文章

订阅专栏

本文介绍了一个React Native的摄像头模块——react-native-camera。该模块适用于早期开发阶段，支持摄像头转换及基本图片捕获功能。文中提供了使用示例代码。

https://github.com/lwansbrough/react-native-camera

react-native-camera 是 React Native 的摄像头 viewport。这个模块应用于开发的早期阶段，它支持摄像头的转换和基本图片捕捉。

使用示例：

var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} = React;
var Camera = require('react-native-camera');

var cameraApp = React.createClass({
  render: function() {
    return (
      <View>
        <TouchableHighlight onPress={this._switchCamera}>
          <View>
            <Camera
              ref="cam"
              aspect="Stretch"
              orientation="PortraitUpsideDown"
              style=
            />
          </View>
        </TouchableHighlight>
      </View>
    );
  },
  _switchCamera: function() {
    this.refs.cam.switch();
  }
});

AppRegistry.registerComponent('cameraApp', () => cameraApp);